Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

All other Modules

Discuss all other Modules here.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

UserForms 0.2 RC 2


32 Posts   4022 Views


28 July 2009 at 4:51pm (Last edited: 28 July 2009 5:03pm), Community Member, 181 Posts

That will set the width on all input fields with a class of "text"

If you want to get more specific then you can use the id instead of class:

#EditableTextField35 {width: 500px;}

... to use your earlier example and repeat for each one.


28 July 2009 at 5:13pm Community Member, 181 Posts

On closer examination ...

I think you are finding the same thing I am looking at in v0.1

If you set the "Length of text box" in the CMS to, say, 40 the form still has a value of size="30" however, maxlength does change to "40" regardless of what you set "text length" to, which is the wrong way round really.

If that is the case then hopefully my earlier post will help you until that is fixed.




28 July 2009 at 5:19pm Community Member, 6 Posts


It's been burning my brain all night.

I'll try pointing at the field name rather than class in the form.css and see if that takes care of me.


28 July 2009 at 5:30pm Community Member, 6 Posts

The plot thickens:

I've added the following line to my form.css:

input.text {width: 500px}

Which (of course) has made all my Text fields 500 px wide...

However, in the CMS when I set the number of rows on a field to greater than one, it changes the field to 20 px wide

Here's a Cut/paste from the page source: name="EditableTextField47" rows="5" cols="20">

Bizarre I say.

I really just want the CMS interface for userforms to work like it's suppose to.


28 July 2009 at 5:41pm Community Member, 6 Posts

So, I fixed my aestetic problems with the form.css... but nevertheless... whacky.

Thanks for the help.


28 July 2009 at 5:43pm (Last edited: 28 July 2009 5:47pm), Community Member, 181 Posts

That's because input has changed to textarea and has no class assigned so you'll need another declaration in your css

textarea{width: 500px;}


#Form_Form_EditableTextArea37 {width: 500px;}


28 July 2009 at 5:46pm Forum Moderator, 5511 Posts

Well thats the default behavior of the Textarea field. Default size is 5 rows by 20 cols. You can override the rows in userforms (if rows = 1 then it makes it a Text Field rather then Textarea - which doesn't need columns) but you cannot override cols in the cms.


31 July 2009 at 10:49pm Community Member, 50 Posts

Hello there,
found strange bug while using userforms and translatable,
i have to languages on my site, on english page form works fine,
but on translated page it shows only send button.

What it may be?