Forums

How to make use of all article space?

meget 15 Feb, 2013
So I have two questions. Is there an option to make the whole registration form like 1 sentence. For example:

1. I {textbox_1} want to claim {dropdownmenu_2} for {text box_3}... etc. etc. so that it is like a text and not separate sets of fields.

2. Second question currently there is way too much space. Can I extend some way the ammount of pixels the Label takes up and thus move the registration fields to the right, and extend textboxes widths while I am at it. Right now if i enter something into label fields it sorta truncates it when it runs out of space and goes to new line to continue description but i want it to stay 1 liner.

Thank you.


[attachment=0]Screen Shot 2013-02-15 at 13.23.png[/attachment]
[attachment=1]Screen Shot 2013-02-15 at 13.23 1.png[/attachment]
GreyHead 15 Feb, 2013
Hi meget,

1) You can do that using Custom HTML - but it can make your form difficult to use!

2) You can use CSS to change the layout in any what that you like. There are also ChronoForms options for 'Tight Layout' on the form settings tab; and Label Over on the element settings that might help.

Bob
meget 16 Feb, 2013
Any idea how to make 3 text boxes in one line? Here is the code for separate lines.

<div class="clear"></div><div id="error-message-input_submit_3"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_101_container_div" style=""><label>1: </label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_10" />
<div class="clear"></div><div id="error-message-input_text_10"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_111_container_div" style=""><label>2:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_11" />
<div class="clear"></div><div id="error-message-input_text_11"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_121_container_div" style=""><label>3:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_12" />
<div class="clear"></div><div id="error-message-input_text_12"></div></div>
This topic is locked and no more replies can be posted.