Put jquery mobile autocomplete and select side by side -
i trying put jquerymobile mobile (using version 1.3) selectmenu , autocomplete side side, autocomplete search-box not aligned selectmenu , cut-off @ top.
i've tried
<div class="ui-grid-a"> <div class="ui-block-a" style="float:left;"> <label for="targettypelist" class="ui-hidden-accessible">all uses</label> <select name="targettypelist" id="targettypelist"> <option value="standard">standard: 7 day</option> <option value="rush">rush: 3 days</option> </select> </div> <div class="ui-block-b" style="float:left;"> <ul data-role="listview" data-inset="true" data-filter="true" data-filter-reveal="true" data-filter-placeholder="search cars..."> <li><a href="#">acura</a></li> <li><a href="#">audi</a></li> <li><a href="#">bmw</a></li> <li><a href="#">cadillac</a></li> <li><a href="#">chrysler</a></li> <li><a href="#">dodge</a></li> <li><a href="#">ferrari</a></li> <li><a href="#">ford</a></li> <li><a href="#">gmc</a></li> <li><a href="#">honda</a></li> <li><a href="#">hyundai</a></li> <li><a href="#">infiniti</a></li> <li><a href="#">jeep</a></li> <li><a href="#">kia</a></li> <li><a href="#">lexus</a></li> <li><a href="#">mini</a></li> <li><a href="#">nissan</a></li> <li><a href="#">porsche</a></li> <li><a href="#">subaru</a></li> <li><a href="#">toyota</a></li> <li><a href="#">volkswagen</a></li> <li><a href="#">volvo</a></li> </ul> </div> (live demo at: http://jsfiddle.net/ge44j/) , table layouts no luck.
any ideas how format them properly?
jqm adds negative margins around filter input. try adding css:
.ui-listview-filter-inset { margin: 4px 0 0 0 !important; } 
Comments
Post a Comment