When I try to use radio buttons or checkboxes as part of a list in
iUI, they get distorted horribly. It's as if the browser is rendering
them to stretch across the screen, like the iUI <li> elements. The
same code renders fine in most desktop browsers, but the controls get
mangled on mobile Safari (where it counts). Surely someone was seen
this problem already and knows of a fix or work around? I'd glad
settle for this issue being a stupid cockpit error on my part in
arranging the HTML
---Tom
Here's a code snippet, where I group the controls, buttons in one
group, and checkboxes in another:
<ul id="controls" title="Controls">
<li class="group">Radio Buttons</li>
<P>Please indicate your method of payment:</P>
<P><LABEL ACCESSKEY=C><INPUT TYPE=radio NAME="payment_method"
VALUE="credit card" CHECKED> Credit card</LABEL><BR>
<LABEL ACCESSKEY=D><INPUT TYPE=radio NAME="payment_method"
VALUE="debit card"> Debit card</LABEL><BR>
<LABEL ACCESSKEY=M><INPUT TYPE=radio NAME="payment_method"
VALUE="money order"> Money order</LABEL></P>
<li class="group">Checkboxes</li>
<input name="checkbox1" id="checkbox1" type="checkbox"
value="one" />Choice 1<br>
<input name="checkbox2" id="checkbox2" type="checkbox"
value="two" /
>Choice 2<br>
<input name="checkbox3" id="checkbox3" type="checkbox"
value="three" checked="checked" />Choice<br>
<li class="group">Slider</li>
<label>Toggle state</label>
<div class="row">
<div class="toggle" onclick="" toggled="true"><span
class="thumb"></span><span class="toggleOn">ON</span><span
class="toggleOff">OFF</span></div>
</div>
</ul>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"iPhoneWebDev" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/iphonewebdev?hl=en
-~----------~----~----~----~------~----~------~--~---
