Styling forms

Next article  

Styling forms

  Article optimized for CMSMS 2.x

  Author:
  Last tested in: CMSMS 2.2.2
  Last updated: 28-11-2014
  Comments: 5

Below 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 {
}

.guestbook fieldset {
}
.guestbook form {
}
.guestbook input {
}
etc.
etc.

.feu fieldset {
}
.feu form {
}
.feu input {
}
etc.
etc.

A2 Webhosting CMS Made Simple

  Comments

  Click here to leave a comment






This is a captcha-picture. It is used to prevent mass-access by robots. (see: www.captcha.net)
  « Enter the CAPTCHA code (lower case)

Your IP address will be stored on submit. I reserve the right to change or delete your response without notice!
In case of abuse your IP address will be blocked!


Can I have your attention for a moment?

Did this tutorial help you solving a problem at your (clients) website and it saved you many hours of work? Great!!
Consider buying Rolf a cup of coffee in return! [ Click here ]


  5 Comments

CMS Made Simple 2.2.2 - Tutorials, tips and tricks - CMSMS 2.2.2

Styling forms

  Article optimized for CMSMS 2.x

  Author:
  Last tested in: CMSMS 2.2.2
  Last updated: 28-11-2014
  Comments: 5

A2 Webhosting CMS Made Simple