FormBuilder - Possible to place some fields side by side?

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
earcandy
Forum Members
Forum Members
Posts: 58
Joined: Sat Jan 11, 2014 4:37 pm

FormBuilder - Possible to place some fields side by side?

Post by earcandy »

I am liking CMSMS so far, but having an issue with FormBuilder form layout.

Is there a way to place some of the fields side by side rather than one on top of the other?

I have tried very hard to figure this out myself but getting nowhere. Appreciate any help!

I am so far guessing that I need to add or change something in the FormBuilder XML for the form? I have no idea what or where to place it however.

Code: Select all

</field>
	<field id="218"
		type="FileUploadField"
		validation_type=""
		order_by="92"
		required="1"
		hide_label="0"
		display_in_submission="1">
			<field_name><![CDATA[Social Security Card or U.S. Passport]]></field_name>
			<options>
			<option name="max_size"><![CDATA[]]></option>
			<option name="permitted_extensions"><![CDATA[]]></option>
			<option name="show_details"><![CDATA[]]></option>
			<option name="allow_overwrite"><![CDATA[]]></option>
			<option name="remove_file"><![CDATA[]]></option>
			<option name="file_destination"><![CDATA[/mnt/data0/apache_vhosts/californiaschooloflaw.com/uploads]]></option>
			<option name="field_alias"><![CDATA[]]></option>
			<option name="css_class"><![CDATA[]]></option>
			<option name="helptext"><![CDATA[]]></option>
			<option name="javascript"><![CDATA[]]></option>
			<option name="field_logic"><![CDATA[]]></option>
			<option name="file_rename"><![CDATA[]]></option>
			<option name="suppress_filename"><![CDATA[]]></option>
			<value><![CDATA[]]></value>
			</options>
</field>
Wishbone
Power Poster
Power Poster
Posts: 1368
Joined: Tue Dec 23, 2008 8:39 pm

Re: FormBuilder - Possible to place some fields side by side

Post by Wishbone »

I've never heard of editing the XML to edit a form, or using XML for anything, other than transferring a form from one site to another. You can edit the form directly in FormBuilder. You can assign classes to each field, and have your CSS style the output to position them any way you like.
earcandy
Forum Members
Forum Members
Posts: 58
Joined: Sat Jan 11, 2014 4:37 pm

Re: FormBuilder - Possible to place some fields side by side

Post by earcandy »

Wishbone wrote:I've never heard of editing the XML to edit a form, or using XML for anything, other than transferring a form from one site to another. You can edit the form directly in FormBuilder. You can assign classes to each field, and have your CSS style the output to position them any way you like.
Where can I learn how to do this? 3 days pf searching and I can find very little on this anywhere.
JohnnyB
Dev Team Member
Dev Team Member
Posts: 731
Joined: Tue Nov 21, 2006 5:05 pm

Re: FormBuilder - Possible to place some fields side by side

Post by JohnnyB »

earcandy wrote:
Wishbone wrote:I've never heard of editing the XML to edit a form, or using XML for anything, other than transferring a form from one site to another. You can edit the form directly in FormBuilder. You can assign classes to each field, and have your CSS style the output to position them any way you like.
Where can I learn how to do this? 3 days pf searching and I can find very little on this anywhere.
When using Formbuilder, you can edit for form's template.
To assign classes to each field, open the field to edit and type in a class name (optional).

Then, using CSS, you can style the form as wanted. There is a sample Stylesheet provided that can be attached to your layout template.


http://docs.cmsmadesimple.org/layout/stylesheets
"The art of life lies in a constant readjustment to our surroundings." -Okakura Kakuzo

--
LinkedIn profile
--
I only speak/write in English so I may not translate well on International posts.
--
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3497
Joined: Mon Nov 28, 2011 9:29 am

Re: FormBuilder - Possible to place some fields side by side

Post by velden »

First of all: why did you start a new topic? Your previous topic would do I guess.

Second: what díd you try so far? Editing the xml file doesn't seam to be the first thing I would think about.

Would you be able to style a html form yourself when just creating a static html webpage? Or do you expect Form Builder to do ALL the magic for you.

If the latter then I must disappoint you; Form Builder outputs and handles a form. You can change the template, you can give the fields their own classes, you can edit stylesheets, you can all do it via de CMSMS backend. But YOU must do all the customization yourself.

There is now 'Special template and stylesheet for earcandy' available by default. ;)

So, tell us what you did so far, post a link to the webpage, tell us what you want to accomplish. Then we can point you in the right direction and maybe even supply some working examples.
Post Reply

Return to “Layout and Design (CSS & HTML)”