Simple form. labels always appears on top of textbox

Hi

When I create a form the label always appears to the top of the textfield even though I have specified label position left.
So the label and textbox are on different lines which is not what i want. Any ideas?

<div class="gcore-line-tr gcore-form-row" id="ftr-text1">
<div class="gcore-line-td" id="ftd-text1"><label
 for="text1" class="gcore-label-left">Property Name</label>
<div class="gcore-display-table gcore-input" id="fin-text1"><input
 name="text1" id="text1" value="" placeholder=""
 maxlength="" size="" class="" title=""
 style="" data-inputmask="" data-load-state=""
 data-tooltip="" type="text"></div>
</div>
</div>
<div class="gcore-line-tr gcore-form-row" id="ftr-multi-11">
<div class="gcore-line-td" id="ftd-multi-11">
<div class="gcore-subinput-container" id="fitem-Address"><label
 for="Address" class="gcore-label-left">Address 1</label>
<div class="gcore-input-container gcore-display-table gcore-input"
 id="fin-Address"><input name="Address" id="Address"
 value="" placeholder="" maxlength="" size=""
 class="" title="" style="" data-inputmask=""
 data-load-state="" data-tooltip="" type="text"></div>
</div>
<div class="gcore-subinput-container" id="fitem-text12"><label
 for="text12" class="gcore-label-left">Address2</label>
<div class="gcore-input-container gcore-display-table gcore-input"
 id="fin-text12"><input name="text12" id="text12"
 value="" placeholder="" maxlength="" size=""
 class="" title="" style="" data-inputmask=""
 data-load-state="" data-tooltip="" type="text"></div>
</div>
<div class="gcore-subinput-container" id="fitem-text13"><label
 for="text13" class="gcore-label-left">City/Town</label>
<div class="gcore-input-container gcore-display-table gcore-input"
 id="fin-text13"><input name="text13" id="text13"
 value="" placeholder="" maxlength="" size=""
 class="" title="" style="" data-inputmask=""
 data-load-state="" data-tooltip="" type="text"></div>
</div>
<div class="gcore-subinput-container" id="fitem-dropdown14"><label
 for="dropdown14" class="gcore-label-left">County</label>
<div class="gcore-input-container gcore-display-table gcore-input"
 id="fin-dropdown14">
<select name="dropdown14" id="dropdown14" size=""
 class="" title="" style="" data-load-state=""
 data-tooltip="">
<option value="0">No</option>
<option value="1">Yes</option>
</select>

Hi sdemps,

If your form doesn't have enough horizontal space then this may happen, and what's your form theme set under the "Styles" tab ? the bootstrap pure will always have labels on top.

Regards,
Max

Ok, I can now customize the theme.

One more question. When I create a new form, where is it saved (the html and php elements).

I have created some custom code and I would like to check it in to source control.

Regards
Shane

Hi Shane,

The form code is available under the "Code" tab, but you can't edit it unless you change the form mode to "Custom code", and in this case the designer updates will be ignored!

Regards,
Max

I have done that, what I want to know is, where is the custom code stored when I save it?

Hi sdemps,

It is saved in the #__chronoengine_chronoforms table in the database.

Bob

Hi,

Thanks a million for the info. I have run into one further issue. I need to edit the class field of the form element. Specifically I want to use dropzone.js (http://www.dropzonejs.com/).

So for example :

<form action="/file-upload"
class="dropzone"
id="my-awesome-dropzone"></form>

The chronoform wiki specified that <form . . . > and </form> tags should be removed from any custom HTML or your form will probably not work correctly so i am not sure how to do this. Any ideas?

Best Regards
Shane Dempsey

Hi Shane,

In the HTML action settings you can find a field to add more classes to the form element!

regards,
Max