Atozed Forums
JqDBGrid Change row select color and font size - Printable Version

+- Atozed Forums (https://www.atozed.com/forums)
+-- Forum: Atozed Software (https://www.atozed.com/forums/forum-1.html)
+--- Forum: IntraWeb (https://www.atozed.com/forums/forum-3.html)
+---- Forum: English (https://www.atozed.com/forums/forum-16.html)
+----- Forum: IntraWeb General Discussion (https://www.atozed.com/forums/forum-4.html)
+----- Thread: JqDBGrid Change row select color and font size (/thread-2590.html)



JqDBGrid Change row select color and font size - PDSBILL - 12-15-2021

Is there CSS I can use to change the row select color, font size and row width.


RE: JqDBGrid Change row select color and font size - Alexandre Machado - 12-23-2021

You can change lots of things in jQGrids using CSS but some are not exactly straightforward.

You can add this to your IWForm's ExtraHeader property, for instance:

<style>
.ui-jqgrid,
.ui-jqgrid .ui-jqgrid-view,
.ui-jqgrid .ui-jqgrid-pager,
.ui-jqgrid .ui-pg-input {
font-size: 24px !important;
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
background-color: yellow
}

Everything in the grid, including the line height will scale accordingly.