In some screens we need to modify a default styling of application. In this case a style of grid, and grid rows (increase height of row, modify colors, etc ...)
For example, in above sample, I would like to modify: - height of row - text font modifications - other CSS properties
I have already checked demos: Demo Row And Cell Level Grid Attributes and Tutorial 39: How to use row cell level grid attributes
In application properties, we are using also custom.css, so maybe adding some styling there would help?
asked 07 Nov '12, 00:03
I guess you are aiming to modify the height of the row in order to display your text having a large font size properly. If so, it's possible to do this without CSS, by setting the rowHeightPolicy attribute of the grid component as "Dynamic". Note that in this case you don't need use the rowHeightColumn attribute of the grid since the height of the row will be automatically adjusted following the font size. Also, you have to use textArea and/or textLabel components instead of the textField. You can modify the example provided in the tutorial 39 as follows;
It's possible to modify CSS properties of a grid through your custom CSS. If the example above is not sufficient for you, can you please specify the CSS properties that you would like the modify? We can prepare a better CSS example following your specification.
Best Regards, Ibrahim
answered 07 Nov '12, 02:42
Ibrahim Sand... ♦♦