GDPR privacy disclaimer
This form will send me your email address and your IP address.
If you don't want that, don't use this form!
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 fieldset {
}
.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 {
}
}
.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 fieldset {
}
.guestbook form {
}
.guestbook input {
}
etc.
etc.
}
.guestbook form {
}
.guestbook input {
}
etc.
etc.
.feu fieldset {
}
.feu form {
}
.feu input {
}
etc.
etc.
}
.feu form {
}
.feu input {
}
etc.
etc.
Comment Form
ReviewManager
ReviewManager
5 Comments
04-11-2016
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?
03-04-2015
Example CMSMS FormBuilder template *and* styesheet here:
http://www.cmscanbesimple.org/blog/formbuilder-template-and-stylesheet
Hope this helps
13-11-2013
where do you have to write your css then ?
27-09-2013
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.
21-08-2013
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
