jquery - How to make element sizes to fill cell sizes and increase font in free jqgrid inline and form editing -
jqgrid font size increasing according answer how change font size in jqgrid?
using
.ui-jqgrid tr.jqgrow td { font-size: 1.2em; }
unfortunately not change inline , form editing element font sizes.
i'm looking wayto occupy whole cell contents in free jqgrid inline editing , increase font sizes in both form , inline editing.
according https://github.com/free-jqgrid/jqgrid/issues/52 created style
.jqgrid-inlineedit-element { font-size: 1em !important; box-sizing: border-box; height: 100%; width: 100% }
and added style input , select elements using
class = "ui-widget-content jqgrid-inlineedit-element"
in colmodel. inline editing has nice bigger elements.
hovewer jqgrid applies class automatically form editing , causes wide , small height fields in form editing (see below). how fix
height: 100%; width: 100%
does not apply form editing , font size applies both?
i tried fix removing width , height classes , adding them in colmodel using
style = "width:100%;height:100%",
but jqgrid applies in form editing form editing still corrupted. maybe css selector can used apply jqgrid-inlineedit-element style in inline editing.
what mean usage of settings for inline editing or cell editing only. have no changes in form editing. css rule like
.jqgrow > td input.editable, .jqgrow > td select.editable, .jqgrow > td textarea.editable { height: auto; width: 100%; font-size: 1em; box-sizing: border-box; }
you can add
.jqgrow > td select.editable, height: 100%; }
if prefer show <select>
100% height. can consider remove .editable
part in above rules. class editable
added inline editing elements
the last remark: modified css settings ui.jqgrid.css
in free jqgrid there exist no !important
inside (the excepton overwriting css rule defined in jquery ui css). can modify settings without have use !important
.
Comments
Post a Comment