html - change width of number clickpick component of Mobiscroll -
good day,
there seems bug in mobiscroll's "number" component because no matter try can't make width size specify. must use version 2.14.0 or greater because custom theme builder doesn't work older versions. can resize width on older versions cannot use theme builder on older versions. using mobiscroll version 2.14.3 custom theme. below how use default ios7 theme , width settings still don't work:
showpassengerpicker('#numadults_rt', '#numchildren_rt', '#numinfants_rt'); function showpassengerpicker(var1, var2, var3) { $(var1).mobiscroll().number({ theme: 'ios7', display: 'inline', language: 'en', mode: 'clickpick', showlabel: false, maxwidth: 40, minwidth: 40, fixedwidth: 40, height: 20, rows: 3, wheels: [ [ { label: '', keys: [1, 2, 3, 4, 5], values: ['1', '2', '3', '4', '5'] } ] ] }); }
i using available settings in mobiscroll's docs setting width none of them work.
and html part:
<div align="center" style="margin-top:25px;"> <div id="numadults_rt" class="numadults_rt wheelpickerdiv"></div> <div id="numchildren_rt" class="numchildren_rt wheelpickerdiv"></div> <div id="numinfants_rt" class="numinfants_rt wheelpickerdiv"></div> </div>
please, let me know how can reduce width of number clickpick component have reduced width? need reduce width none of settings work. doing wrong?
thank in advance, victor.
i found answer luck. in mobiscroll.custom-2.14.3.min.css there min-width element. set min-width:0 everywhere had non-zero pixel value. these controls don't have space on both sides.
Comments
Post a Comment