This is an issue with the input selector in iUI's css file. The easiest workaround is to add a new selector for input[type="radio(or checkbox)"] and then change of to have no padding, and position it with margins. I have found this workaround to fix things.
Thanks, Kris Ziel [EMAIL PROTECTED] Ampersand Software Founder AmpersandSoftware.com Sent from my iPhone On Sep 1, 2008, at 9:02 PM, J2MEJediMaster <[EMAIL PROTECTED]> wrote: > > 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 -~----------~----~----~----~------~----~------~--~---
