89739

Jquery Mobile non-adjustable width

Question:

Using asp.net <EditItemTemplate> my JQuery Mobile results are a fixed width and will not expand out with full browser, nor will they reduce small enough for mobile? I have removed all reference to width in all the controls?

The controls render as mobile and the <ul> and <li> look fine.

<ul data-role="listview" id="ul-edit-picks" data-divider-theme="a" data-inset="true"> <li>1st Week: <asp:TextBox ID="CHOICE1TextBox" runat="server" Text='1st Week' ReadOnly="True"></asp:TextBox><br /> <asp:HiddenField ID="CHOICE1HiddenField" runat="server" Value='<%# Bind("CHOICE1")%>' /> </li> <li>2nd Week: <asp:TextBox ID="CHOICE2TextBox" runat="server" Text='' ReadOnly="True"></asp:TextBox><br /> <asp:HiddenField ID="CHOICE2HiddenField" runat="server" Value='<%# Bind("CHOICE2")%>' /> </li> <li>3rd Week: <asp:TextBox ID="CHOICE3TextBox" runat="server" Text='' ReadOnly="True"></asp:TextBox><br /> <asp:HiddenField ID="CHOICE3HiddenField" runat="server" Value='<%# Bind("CHOICE3")%>' /> </li> <li> <asp:Button ID="UpdateButton" runat="server" CausesValidation="True" CommandName="Update" Text="Update Selections" ToolTip="Click to change your selections..."></asp:Button> <asp:Button ID="UpdateCancelButton" runat="server" CausesValidation="False" CommandName="Cancel" Text="Cancel"></asp:Button> </li> </ul>

HTML rendered:

<ul data-role="listview" id="ul-fdid" data-divider-theme="a" data-inset="true"> <li>FDID: <span id="ctl00_ContentPlaceHolder1_FormView1_Label1" style="font-size:Medium;font-weight:bold;">BJ9150</span> </li> </ul> <ul data-role="listview" id="ul-edit-picks" data-divider-theme="a" data-inset="true"> <li>1st Week: <input name="ctl00$ContentPlaceHolder1$FormView1$CHOICE1TextBox" type="text" value="1st Week" readonly="readonly" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE1TextBox" /><br /> <input type="hidden" name="ctl00$ContentPlaceHolder1$FormView1$CHOICE1HiddenField" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE1HiddenField" value="1/19/2014 12:00:00 AM" /> </li> <li>2nd Week: <input name="ctl00$ContentPlaceHolder1$FormView1$CHOICE2TextBox" type="text" readonly="readonly" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE2TextBox" /><br /> <input type="hidden" name="ctl00$ContentPlaceHolder1$FormView1$CHOICE2HiddenField" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE2HiddenField" value="4/13/2014 12:00:00 AM" /> </li> <li>3rd Week: <input name="ctl00$ContentPlaceHolder1$FormView1$CHOICE3TextBox" type="text" readonly="readonly" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE3TextBox" /><br /> <input type="hidden" name="ctl00$ContentPlaceHolder1$FormView1$CHOICE3HiddenField" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE3HiddenField" /> </li> <li>4th Week: <input name="ctl00$ContentPlaceHolder1$FormView1$CHOICE4TextBox" type="text" readonly="readonly" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE4TextBox" /><br /> <input type="hidden" name="ctl00$ContentPlaceHolder1$FormView1$CHOICE4HiddenField" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE4HiddenField" /> </li> <li>5th Week: <input name="ctl00$ContentPlaceHolder1$FormView1$CHOICE5TextBox" type="text" readonly="readonly" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE5TextBox" /><br /> <input type="hidden" name="ctl00$ContentPlaceHolder1$FormView1$CHOICE5HiddenField" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE5HiddenField" /> </li> <li>6th Week: <input name="ctl00$ContentPlaceHolder1$FormView1$CHOICE6TextBox" type="text" readonly="readonly" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE6TextBox" /><br /> <input type="hidden" name="ctl00$ContentPlaceHolder1$FormView1$CHOICE6HiddenField" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE6HiddenField" /> </li> <li> <input type="submit" name="ctl00$ContentPlaceHolder1$FormView1$UpdateButton" value="Update Selections" id="ctl00_ContentPlaceHolder1_FormView1_UpdateButton" title="Click to change your selections..." /> <input type="submit" name="ctl00$ContentPlaceHolder1$FormView1$UpdateCancelButton" value="Cancel" id="ctl00_ContentPlaceHolder1_FormView1_UpdateCancelButton" /> </li> </ul>

Answer1:

Actually solved the issue: It was a <asp:label> lower in the code that produced text that was not set to wrap.

Recommend

  • Convert String user input to a double
  • Weird gray popup with text when typing in SearchView
  • Button and Textbox Not Inline
  • Animation for divider movement in JSplitPane
  • Collapsible accordion doesn't work inside a dropdpwn-menu Bootstrap
  • Custom dialog hasn't divider under the title
  • Dotted line in android [duplicate]
  • How to set the list divider of an MultiAutoCompleteTextView
  • JQuery mobile listview refresh icon
  • NSTextField margin and padding? (Swift)
  • TableView scroll underlying top bar
  • Setting inner div opacity to 1, but not effected
  • ActionBar three-dot dropdown opens at the wrong place
  • Styling text for textarea Wicket
  • How to use compare validator to compare the data between two dropdownlists values?
  • How to change display text in item template based on eval in gridview?
  • Android error - Failed to find style 'toolbarStyle' in current theme
  • How to edit a Word document that opens in read-mode in VBA
  • How to modify the HTML tag in Drupal 6?
  • DependencyObject.AssociatedObject is always null
  • ASP.NET RegularExpressionValidator, validate on a non-match?
  • How to getText() from the input field of an angularjs Application
  • Disable Kendo Autocomplete
  • Custom validator control occupying space even though display set to dynamic
  • Resize panoramic image to fixed size
  • Volusion's generic SQL folder, functionality
  • MySQL WHERE-condition in procedure ignored
  • Web-crawler for facebook in python
  • How to delete a row from a dynamic generate table using jquery?
  • json Serialization in asp
  • Rails 2: use form_for to build a form covering multiple objects of the same class
  • trying to dynamically update Highchart column chart but series undefined
  • How do you join a server to an Active Directory (domain)?
  • coudnt use logback because of log4j
  • How to stop GridView from loading again when I press back button?
  • sending mail using smtp is too slow
  • Busy indicator not showing up in wpf window [duplicate]
  • Why is Django giving me: 'first_name' is an invalid keyword argument for this function?
  • How can I use `wmic` in a Windows PE script?
  • java string with new operator and a literal