html - Jquery mobile changing formatting, voiding float? -
i using jquery mobile application. using in 1 part of page, have discovered ruining formatting on listview.
i have following basic format( fiddle @ bottom )
<ul> <li> <div id="number1"> <span></span> <div> <div id="number2"> <span><input type="checkbox" /><span> <span> something</span> <span> else</span> </div> </li> </ul>
i creating listview. inner div id="number1" going main label list. in inner div id="number2" there checkbox , 2 small buttons inline. want take minimal space of way right.
problem: formatting looks fine long not check "jquery mobile 1.3.0b1", using other parts of page. clicked though float:right on div w. id="number2" no longer having effect.
http://jsfiddle.net/steverobertson/ncqfp/39/
check out fiddle, check off jquery mobile 1.3.0.b1 , see effect having not want.
thank time!
.ui-controlgroup-horizontal .ui-controlgroup-controls { display: block !important; } <li> <div id="joblist" data-role="controlgroup" data-type="horizontal"> <div id="labelcontainer"> <span class="labelitem"><a href="#">item 2</a></span> </div> <div data-role="controlgroup" data-type="horizontal" id="buttoncontainer"> <span class="checkboxes"><label for="id2"></label><input type="checkbox" id="id2" /></span> <span class="deletebutton"><a href="#"> a</a></span> <span class="notesbutton"><a href="#"> b</a></span> </div> </div> </li>
not sure how suppose hope help.
Comments
Post a Comment