I have a collection of objects being bound to an igGrid. For many columns, the properties being bound are simple types e.g. string, int, bit, etc. For one of the columns, I am passing back HTML and the igGrid is rendering it perfectly exactly how I want it.
However, this HTML column is also editable. The underlying editor is set to a Combo Box because it is multiple selection. Whenever the user clicks on the field it initially shows the value as encoded HTML in a text editor. But the drop down controls show the extra options in the perfect rendered HTML. Screenshots attached.
Question: Is there any way to hide the text editor control rendering the encoded HTML or force the editor to continue rendering the HTML?
I'm certain the display will look good if and only if the combo box arrow is displayed and nothing else. But it has to be floated to the right exactly where it is today.
Thanks,
I mentioned the HTML column is editable above. I meant to say - has options to select a new value. The user cannot add their own value. That dropdown list is readonly.
Still looking for solutions.
After playing with the CSS with developer tools in IE I have sorta created an illustration of what I'd like the screen to be displayed. Any help with getting to that point would be just be awesome!
If the background could remain white and the overflown text would be hidden behind teh control would also keep the look and feel consistent between the columns.