Forms Using iUI

43 views
Skip to first unread message

Nathan Campos

unread,
Jul 4, 2011, 9:42:55 PM7/4/11
to iphone...@googlegroups.com
I've been trying to get a <form> to work using iUI, but it isn't getting formatted correctly. This is part of the code I'm trying:
<form name="tweetForm" id="index" title="moShare" selected="true" class="panel" method="POST" action="">
<fieldset>
<div class="row">
<label>Name</label>
<input type="text" name="ident" placeholder="Nathan Campos">
</div>
</fieldset>
<a class="whiteButton" href="javascript:formname.submit()">Submit</a>
</form>
But this is what I'm getting:

What should I do to correct this?

Gopikrishnan

unread,
Jul 5, 2011, 1:56:05 AM7/5/11
to iphone...@googlegroups.com
Hi,

Try this code....


 <form name="tweetForm" id="index" title="moShare" selected="true" class="panel" method="POST" action="">
<fieldset>
<div class="row">
<label style="width:100px">Name</label>

<input type="text" name="ident" placeholder="Nathan Campos">
</div>
</fieldset>
<a class="whiteButton" href="javascript:formname.submit()">Submit</a>
</form>


Thanks
Gopikrishnan

--
You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group.
To view this discussion on the web visit https://groups.google.com/d/msg/iphonewebdev/-/vpY55biQ_nMJ.
To post to this group, send email to iphone...@googlegroups.com.
To unsubscribe from this group, send email to iphonewebdev...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en.




Remi Grumeau 

unread,
Jul 5, 2011, 2:28:15 AM7/5/11
to iphone...@googlegroups.com, iphone...@googlegroups.com
On 5 juil. 2011, at 07:56, Gopikrishnan <gopic...@gmail.com> wrote:

Hi,

Try this code....

 <form name="tweetForm" id="index" title="moShare" selected="true" class="panel" method="POST" action="">
<fieldset>
<div class="row">
<label style="width:100px">Name</label>
<input type="text" name="ident" placeholder="Nathan Campos">
</div>
</fieldset>
<a class="whiteButton" href="javascript:formname.submit()">Submit</a>
</form>


Thanks
Gopikrishnan


I would highly recommand NOT using this as styles should stay in the theme... with inline css code everywhere, you'll be in bad shape for theming or updating + break default behavior so patches or third party code cluld be goofed.


On Tue, Jul 5, 2011 at 7:12 AM, Nathan Campos <eeep...@gmail.com> wrote:
I've been trying to get a <form> to work using iUI, but it isn't getting formatted correctly. This is part of the code I'm trying:
<form name="tweetForm" id="index" title="moShare" selected="true" class="panel" method="POST" action="">
<fieldset>
<div class="row">
<label>Name</label>
<input type="text" name="ident" placeholder="Nathan Campos">
</div>
</fieldset>
<a class="whiteButton" href="javascript:formname.submit()">Submit</a>
</form>


Which version of iUI are you using? 0.3? 0.4? 0.5?
Your code seems good to me... cod you share us a link to see it!?

R.

Nathan Campos

unread,
Jul 5, 2011, 5:38:58 AM7/5/11
to iphone...@googlegroups.com
I'm using 0.31 

Nathan Campos

unread,
Jul 5, 2011, 5:46:07 AM7/5/11
to iphone...@googlegroups.com
Using 0.40-dev2 I got this:


Remi Grumeau

unread,
Jul 5, 2011, 7:49:38 AM7/5/11
to iphone...@googlegroups.com
Getting better, but it's not that yet...
Can't remember if my fix for inputs is part of iui.css, ext-css
extension or iUI 0.5

This is what i get here:
http://www.we-are-gurus.com/labs/iui-clone/samples/prefs.html

I'll try to investigate a fix we could give to 0.4 before Sean go official 0.4.

R.

On Tuesday, July 5, 2011, Nathan Campos <eeep...@gmail.com> wrote:
> Using 0.40-dev2 I got this:

> <http://pixhost.tk/img/fbf3.png> <http://pixhost.tk/img/fbf3.png>
>

--

Kinds Regards,
Remi Grumeau

Reply all
Reply to author
Forward
0 new messages