FormBuilder: Pretty up the form...

Have a question or a suggestion about a 3rd party addon module or plugin?
Let us know here.
Post Reply
nicklee5
Forum Members
Forum Members
Posts: 10
Joined: Tue Dec 13, 2016 4:56 pm

FormBuilder: Pretty up the form...

Post 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?
User avatar
paulbaker
Dev Team Member
Dev Team Member
Posts: 1465
Joined: Sat Apr 18, 2009 10:09 pm
Contact:

Re: FormBuilder: Pretty up the form...

Post 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;
}
To copy System Information to the forum:
https://docs.cmsmadesimple.org/troubles ... nformation

CMS Made Simple Geekmoots attended:
Nottingham, UK 2012 | Ghent, Belgium 2015 | Leicester, UK 2016
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3497
Joined: Mon Nov 28, 2011 9:29 am

Re: FormBuilder: Pretty up the form...

Post by velden »

You might want to check http://cmscanbesimple.org

There is a nice article about styling forms.
User avatar
Rolf
Power Poster
Power Poster
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Contact:

Re: FormBuilder: Pretty up the form...

Post 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
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
Post Reply

Return to “Modules/Add-Ons”