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.
This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.
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.
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.
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
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.
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.
So, I fixed my aestetic problems with the form.css... but nevertheless... whacky.
Thanks for the help.
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;}
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.
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?