Page 1 of 1

FormBuilder: Pretty up the form...

Posted: Tue Dec 13, 2016 5:03 pm
by nicklee5
Newbie alert I'm afraid...

I have a website (CrowthorneArchers.org.uk) which I have built in CMSMS, and now I want to capture some details from someone on a form. The form is in place, and is writing to a file, but the form itself is ugly and I cannot begin to understand what is formatting it's display. The input fields are hard butted against the label, so I'd be happy with either of the following:
Labels aligned to the left side of the page, and the input box aligned to start in the middle of the page on the same line, or
Label on one line, input box on the next, next label on the next line, input box on the next, etc...

Ideas please?

Re: FormBuilder: Pretty up the form...

Posted: Tue Dec 13, 2016 5:47 pm
by paulbaker
Assuming you mean
http://crowthornearchers.org.uk/cms3/in ... pplication
try adding something like this in your CSS which will put 3 pixels of space between elements:

Code: Select all

.formbuilderform td {
padding: 3px;
}

Re: FormBuilder: Pretty up the form...

Posted: Tue Dec 13, 2016 8:00 pm
by velden
You might want to check http://cmscanbesimple.org

There is a nice article about styling forms.

Re: FormBuilder: Pretty up the form...

Posted: Tue Dec 13, 2016 9:10 pm
by Rolf
Yep, the default FB styling sucks big time! I offered the former dev to help out making it better, but he declined...

Now, I am a dev of FB myself! In the 1.0 release the default template styling will be much better.

The related tutorials at my blog are:
http://www.cmscanbesimple.org/blog/form ... stylesheet
http://www.cmscanbesimple.org/blog/styling-forms