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.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

All other Modules /

Discuss all other Modules here.

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

UserForms 0.2 RC 2


Go to End


32 Posts   7893 Views

Avatar
TotalNet

Community Member, 181 Posts

28 July 2009 at 4:51pm

Edited: 28/07/2009 5:03pm

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.

Avatar
TotalNet

Community Member, 181 Posts

28 July 2009 at 5:13pm

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.

Cheers,

Rich

Avatar
MerLuv

Community Member, 6 Posts

28 July 2009 at 5:19pm

Exactly.

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.

Avatar
MerLuv

Community Member, 6 Posts

28 July 2009 at 5:30pm

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.

Avatar
MerLuv

Community Member, 6 Posts

28 July 2009 at 5:41pm

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

Thanks for the help.

Avatar
TotalNet

Community Member, 181 Posts

28 July 2009 at 5:43pm

Edited: 28/07/2009 5:47pm

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

textarea{width: 500px;}

or

#Form_Form_EditableTextArea37 {width: 500px;}

Avatar
Willr

Forum Moderator, 5523 Posts

28 July 2009 at 5:46pm

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.

Avatar
dab

Community Member, 50 Posts

31 July 2009 at 10:49pm

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?

Go to Top