Forums

using Joomla 1.5 and have a Chronos form created - Is there a way to create a form with additional fields/options to the right rather than single colume?

Hi scribble,

Yes, you can edit the Form HTML to use any layout that you like.

Bob

Yes, i have also agreed with others that it can be possible to edit in html form. But better in Joomla 1.6

Hmmm Im sure this is fairly simple. Ive opened the form html with Dreamweaver and I am not sure what I need to do to get the "email" code positioned to the right of the "name" code. Ive tried a few alignements with no luck. Thanks for your input

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Name</label>
    <input class="cf_inputbox required validate-alpha" maxlength="150" size="30" title="" id="text_0" name="text_0" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">E-mail</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_1" name="text_1" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Telephone</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_2" name="text_2" type="text" />
  
  </div>

Hi scribble,

This will do it in FireFox, you may need ot mess with the line breaks to get it clean in IE.

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Name</label>
    <input class="cf_inputbox required validate-alpha" maxlength="150" size="30" title="" id="text_0" name="text_0" type="text" />
    <label class="cf_label" style="width: 150px;">E-mail</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_1" name="text_1" type="text" />
  </div>
  <div class="cfclear"> </div>
</div>

Bob