Having trouble setting up three lists to display side by side in jQuery Mobile? Unfortunately, the ui-grid won't work for me because of a script that hides them and reveals them based on a number from 0-3. Each list should be dynamically centered and have round edges (except for the middle list with sharp edges as per my boss' request). Here's what my code looks like:
<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>
Appreciate any suggestions or assistance!