listview with 3 controls per line
I've struggled with this for many hours. I cannot find a way to show these form elements as such:
[Label1] [Input textbox1] [button1]
[Label2] [Input textbox2] [button2]
[Label3] [Input textbox3] [button3]
The problem is that the button always wraps to next line even when there is plenty of horizontal space.
Here is the code sample. Thanks in advance.
@Using Html.BeginForm()
@Html.ValidationSummary()
@<ul data-role="listview" data-inset="true">
<li data-role="list-divider">Timecard</li>
<li data-role="fieldcontain">
@Html.LabelFor(Function(m) m.StartTime)
@Html.EditorFor(Function(m) m.StartTime)
<button id="btn_Now_StartTime" type="button" data-inline="true" data-mini="true" data-theme="b" onclick="$('#StartTime').val(GetDateTime(true));">Set</button>
</li>
<li data-role="fieldcontain">
<div style="text-align:center">
<input type="submit" value="Save" onclick="$('#LocalUserDateTime').val(GetDateTime(false));" />
</div>
</li>
</ul>
End Using