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.
HTML form cell type can display HTML in wrong location
HTML form cell type can display HTML in wrong location
- Attachments
-
- HTML type.png (12.33 KiB) Viewed 12383 times
v8.1 on Windows 10 / MySQL 5.6 (local), v8.1 on Windows Server 2016 / MySQL 5.6 (server)
Re: HTML form cell type can display HTML in wrong location
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:
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
Jaymer
Aware Programming & Consulting - Tampa FL
Re: HTML form cell type can display HTML in wrong location
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.
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)
-
- Posts: 7525
- Joined: Sun Apr 24, 2005 12:36 am
- Contact:
Re: HTML form cell type can display HTML in wrong location
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;
}
.aw-column-multi .aw-html {
position: relative;
}
Aware IM Support Team
Re: HTML form cell type can display HTML in wrong location
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)
Re: HTML form cell type can display HTML in wrong location
Jaymer, I apologize for doubting your solution. This is turning into a trend.
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
Jaymer
Aware Programming & Consulting - Tampa FL