[SOLVED] Form Builder css layout help

[springall]

Hello.
I am new to CMSMS and I am trying to add a form to my website. I have downloaded the Form Builder module, but I am having trouble styling the form to look how I want it to.
I have looked though the 'FormBuilder Default Style' CSS but having no luck in styling the form.
I basically want the input and textarea boxes to be 475px wide, and have the form titles above the form field, rather than to the left.

I have attached screenshots so you can see what it looks like now, and what I want it to look like.

I hope I have explained this well enough, thanks in advance.

Tom

[springall]

I managed to fix this issue (I had not linked the Form Builder CSS to my template)

I am however getting a different problem. As some of the fields are 'Required', if the user does not fill them out it reloads the contact page and asks them to fill out the required fields. However, it does not load the 'content' for the website, it just loads the template.

Let me know if this does not make sense.

Thanks again
Tom

[Dr.CSS]

Default for most modules on submit etc. is to replace all content in {content} even if it after an error like that, you can set it to be inline to try and prevent this...

[springall]

Thanks for the reply. What do I set to be inline?

Thanks
Tom

[springall]

ok, so i found the checkbox for 'Display form inline?' and it now works. One last thing, I am trying to remove the Legend for the contact form.
I have looked at the webpage with Firefox's Web Developer tool and have found where it is:

Code: Select all

<div class="contactform">
				        	<fieldset id="fbrp__21"><legend>Contact</legend>

but I cannot find that line of code anywhere in CMSMS or any of the tabs in the Form Builder Module.

Does anyone know where it is?

Thanks
Tom

[lewishowles]

Check the list of fields for the form itself in FormBuilder, if you have a --Feildset Start element then it has a box where you can type text for a legend. Either remove the text, or better yet (if there is only one fieldset in the whole form) just remove the --Fieldset Start and --Fieldset End elements entirely.

If it's not in there, go to your form in FormBuilder, there should be a tab called Form Template, second from the end. All the code that controls the output is in there so there might be one in there for the default template (I don't remember as I don't use the default template).