Something went wrong while trying to load the full version of this site. Try hard-refreshing this page to fix the error.

HTML form cell type can display HTML in wrong location

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.

HTML type.png

HTML type.png


Jaymer

please read this
BUG/Demo BSV. Probably a Kendo issue. ...read (comment)#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:

.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;
}

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.


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;
}


JonP

Jaymer, I apologize for doubting your solution. This is turning into a trend.


Jaymer

Jaymer, I apologize for doubting your solution. This is turning into a trend.

:roll:
Rodney.jpg