Styling forms
Next articleBelow you will find some examples how to style a Formbuilder form. I used the class "formbuilder" here, but you can also use of course "contactform", "guestbook", etc.
Adding a class here is necessary because the styling could be in conflict to other forms at your website, in example FrontEndUsers or other modules.
}
.formbuilder form {
}
.formbuilder input {
}
.formbuilder input:hover {
}
.formbuilder input[type="button"] {
}
.formbuilder input[type="checkbox"] {
}
.formbuilder input[type="file"] {
}
.formbuilder input[type="option"] {
}
.formbuilder input[type="radio"] {
}
.formbuilder input[type="submit"] {
}
.formbuilder input[type="text"] {
}
.formbuilder label {
/*width: 250px;
float: left;*/
}
.formbuilder legend {
}
.formbuilder optgroup {
}
.formbuilder select {
}
.formbuilder textarea {
}
}
.guestbook form {
}
.guestbook input {
}
etc.
etc.
}
.feu form {
}
.feu input {
}
etc.
etc.
Comment Form
ReviewManager
ReviewManager
5 Comments
When I tried to use $entry->type in my form the result is input type="Tekstinvoer".
Is this a bug or need I use another variable?
Example CMSMS FormBuilder template *and* styesheet here:
http://www.cmscanbesimple.org/blog/formbuilder-template-and-stylesheet
Hope this helps
where do you have to write your css then ?
This is probably exactly what I need. However being such a newbie to CMS I have no idea where to even place this or what it does exactly.
Thanks, this saved me quite a time. Very useful article.
Styling forms
Article optimized for CMSMS 2.x
Author: RolfLast tested in: CMSMS 2.2.19
Last updated: 23-06-2018
Comments: 5
http://cms.ms/N1Tx
