css - jquery mobile and MVC - have 3 lists next to each other without ui-grid or tables -
i have problem in setting 3 lists go side side each other in jquery mobile. can't use ui-grid unfortunately because have script hides them , based on number 0-3 (this list), same number of lists appear (i have lists dynamically centered). also, can't use data-role="fieldcontain" because each list should have round edges according boss (the middle list has sharp edges). here code:
<div class="centerplease"> <div id="a1"> @html.dropdownlistfor(x => x.childage_a1, childage, new { data_mini = "true", data_inline = "true", data_icon = "false"})</div> <div id="a2"> @html.dropdownlistfor(x => x.childage_a2, childage, new { data_mini = "true", data_inline = "true", data_icon = "false"})</div> <div id="a3"> @html.dropdownlistfor(x => x.childage_a3, childage, new { data_mini = "true", data_inline = "true", data_icon = "false"})</div> </div>
thanks help!
this fiddle might help:
http://jsfiddle.net/dhavaln/y8jas/
i have put following css align select boxes together.
.ui-select{ float: left; width: 33%; }
Comments
Post a Comment