HTML form cell type can display HTML in wrong location

If you think that something doesn't work in Aware IM post your message here
Post Reply
JonP
Posts: 287
Joined: Thu Feb 16, 2017 9:49 pm
Location: United States

HTML form cell type can display HTML in wrong location

Post by JonP »

This occurs when there are multiple columns and can affect any column. It is related to when the label position for the column is formatted to be above the control. In situations when there is a column to the right of the HTML cell (not shown in example), it will place the HTML in the same location as the label in the next cell.

1. Create a form with at least 2 columns.
2. Modify a cell to be an HTML type and add an attribute <<[BO.attribute]>>.
3. Format that cell's column to have the label position above the control.

See the example with the Added On date in the bottom right.
Attachments
HTML type.png
HTML type.png (12.33 KiB) Viewed 12333 times
v8.1 on Windows 10 / MySQL 5.6 (local), v8.1 on Windows Server 2016 / MySQL 5.6 (server)
Jaymer
Posts: 2430
Joined: Tue Jan 13, 2015 10:58 am
Location: Tampa, FL
Contact:

Re: HTML form cell type can display HTML in wrong location

Post by Jaymer »

please read this
https://www.awareim.com/forum/viewtopic ... 735#p44735
and/or DL the demo

vlad wrote me this reply(s):

1) This is a well known limitation - you cannot have "tall controls" (including HTML editor, grid, text area) in a column next to a standard column - there are several forum threads about this. Please have a look at them
If you want to do this you need to provide some CSS changes.

2) This is how you can override the default. You shouldprovide your own CSS file with the following settings:

Code: Select all

.aw-column-multi .k-grid{
   position: relative !important;
}

The above will override the default setting for ALL HTML controls in multi-column forms.

Or assign your own CSS class to a particular form and override for this form only:

.my-form-class .aw-column-multi .k-grid{
   position: relative !important;
}
Click Here to see a collection of my tips & hacks on this forum. Or search for "JaymerTip" in the search bar at the top.

Jaymer
Aware Programming & Consulting - Tampa FL
JonP
Posts: 287
Joined: Thu Feb 16, 2017 9:49 pm
Location: United States

Re: HTML form cell type can display HTML in wrong location

Post by JonP »

I'm not using a tall control, just plain ole HTML (not the HTML editor). I don't believe AIM's HTML type is part of Kendo.

In the example I provided, I'm trying to show the Added On date attribute without a date control because it's read-only and I don't want people to mistakenly try to change the date.
v8.1 on Windows 10 / MySQL 5.6 (local), v8.1 on Windows Server 2016 / MySQL 5.6 (server)
aware_support
Posts: 7523
Joined: Sun Apr 24, 2005 12:36 am
Contact:

Re: HTML form cell type can display HTML in wrong location

Post by aware_support »

This IS related to tall controls, so use the following work around. Define your own custom CSS file and in this file define the following:

.aw-column-multi .aw-html {
position: relative;
}
Aware IM Support Team
JonP
Posts: 287
Joined: Thu Feb 16, 2017 9:49 pm
Location: United States

Re: HTML form cell type can display HTML in wrong location

Post by JonP »

Jaymer, I apologize for doubting your solution. This is turning into a trend.
v8.1 on Windows 10 / MySQL 5.6 (local), v8.1 on Windows Server 2016 / MySQL 5.6 (server)
Jaymer
Posts: 2430
Joined: Tue Jan 13, 2015 10:58 am
Location: Tampa, FL
Contact:

Re: HTML form cell type can display HTML in wrong location

Post by Jaymer »

Jaymer, I apologize for doubting your solution. This is turning into a trend.
:roll:
Rodney.jpg
Rodney.jpg (42.71 KiB) Viewed 12312 times
Click Here to see a collection of my tips & hacks on this forum. Or search for "JaymerTip" in the search bar at the top.

Jaymer
Aware Programming & Consulting - Tampa FL
Post Reply