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

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -