Page 1 of 1
FormBuilder - Possible to place some fields side by side?
Posted: Sun Jan 12, 2014 4:44 pm
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>
Re: FormBuilder - Possible to place some fields side by side
Posted: Sun Jan 12, 2014 11:45 pm
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.
Re: FormBuilder - Possible to place some fields side by side
Posted: Mon Jan 13, 2014 12:24 am
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.
Re: FormBuilder - Possible to place some fields side by side
Posted: Tue Jan 14, 2014 4:58 am
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
Re: FormBuilder - Possible to place some fields side by side
Posted: Tue Jan 14, 2014 10:34 am
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.