Form Builder Question

[Deblus]

I have installed the latest version of form builder in cmsms v1.08

I have inserted the tag for the sample "contact form" in the page content using thw wysiwug and everything works well

I want to change some font colours and background colour but cannot find the css to change the code

Can ayone point me in the right direction please

[calguy1000]

There's no default css for formbuilder, etc. I would recommend you wrap the module call in a div and then style everything within that div.

i.e.: 

Code: Select all

<div class="contact_form">{cms_module module='FormBuilder' form='blah'}</div>

then do something like this in your css:

Code: Select all

.contact_form {
  background-color: #fff;
}

[Deblus]

thanks Calguy

but why then does the help for form builder have a section "styling and css"
with all the sample code which I would want to work with and change?

I found "contact_form.xml in modules/formbuilder/includes and tried modifying the code I thought was needed with wordpad but nothing seemed to change, but I have limited skills in this area

[calguy1000]

The 'styling and css' section in the formbuilder help is some sample css that can be copied into a CMS stylesheet and attached to your page template.  It's some pretty good default code that can be used for many situations.

However, if you're using multiple forms on your site, you still may want to wrap the module call in a div.

[Deblus]

thanks again Calguy

Since I am using the same css / template combination for more than one page would this not bring the form up on unwanted pages?

I entered the tag directly in the content for the page would I enter the module call in the page content too?

[RonnyK]

Some styling is done on the two default templates that come with the module.

Behind the field "CSS", that is in included in both forms, is some "static text", being the default styling for the forms. This is visible by clicking the "HTML"-button, in the editor, while editing this field, or when the "default editor" is set to "NONE" in the user preferences.

If you work with one of these two templates, and want to style it differently, loose the styling of this field, and put it in the stylesheets instead, or change it in the "static text".

Ronny