css - Wrong font size when using jqGrid inside jQueryUI tab -
I have a jqGrid that works properly when a page is displayed on itself.
If I try to display the same grid within the jQueryUI tab, it still works fine ???? What's wrong with this font size? What is happening:
When everything is working on a standalone page, the font size has been raised as follows:
Div # gbox_datatable.ui-jqgrid deprived .ui-widget.ui-widget-content.ui-corner-all, file ui.jqgrid.css in line 2.ui-jqgrid {font-size: 11px; } When a grid is placed inside a jQueryUI tab, then it is overridden by a high priority CSS command:
div # gbox_datatable .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all, file jquery-ui-1.8.9.custom.css line 60.ui-widgets.ui-widget {font size: 1 em ; } In other words, the fact is that I have a UI widget inside another UI widget overriding the desired font specifier. How can I avoid this override
I got the same question without giving any answers.
Any help would be appreciated ...
ui .jqgrid.css has the following definitions .ui-jqgrid {status: relative; Font size: 11px;} So if you add "ui-jqgrid" to the square that holds the tab, the problem will be solved:
& lt; Div id = "tabs" class = "ui-jqgrid" & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = "# results" & gt; Results & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "# log" & gt; Software & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; Div id = "results" category = "tab content" & gt; & Lt; / Div & gt; & Lt; Div id = "log" square = "tab equal" & gt; & Lt; Table id = "grid"> gt; & Lt; Tr & gt; & Lt; TD & gt; & Lt; / Td> & Lt; / Tr & gt; & Lt; / Table & gt; & Lt; Div id = "pager" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; Two tabs will be used in the example above: with one general information and second, with ID = "grid"
Another easy way will be set only
html, body {font-size: 75%; } will reduce the default font size of the set page (1 AM) which uses jqGrid (11px).
See in another way.
Comments
Post a Comment