Two text boxes on the same line

hu

hush 05 Mar, 2009

Hi

How do I get two text boxes on the same line?

EX:

First Name : ..................... Last Name : .......................

Pls advice

Hush

Gr

GreyHead 05 Mar, 2009

Hi Hush,

You'll need to edit the Form HTML by hand to do this - the Wizard doesn't support it as far as I know.

Bob

hu

hush 06 Mar, 2009

Thank you Bob. Do u know any Tutorial or sample code in our Forum?

Hush

Max_admin 08 Mar, 2009

Hi hush,

please put here the code of the 2 fields you want beside each other, the code is under "Form code" tab > HTML code box!

Regards,
Max

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

jm

jmhuston14 26 Mar, 2009

Thats My code...i need it in 2 lines ( the first item ) first name and last name...please help

<div class="form_item">
  <div class="form_element cf_heading">
    <h1 class="cf_text">Booking Form</h1>
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">First Name</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_1" name="fname" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Last Name</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_2" name="lname" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Church/ Organization</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_3" name="church" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Phone</label>
    <input class="cf_inputbox required validate-number" maxlength="3" size="3" id="text_4" name="phone" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Cell Phone</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_5" name="cell" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Address</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_6" name="address_1" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">City</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_4" name="city" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">State</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_7" name="state" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Zip Code</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_8" name="zip" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Email Address</label>
    <input class="cf_inputbox required validate-email" maxlength="150" size="30" id="text_24" name="email_addr" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Type of Event</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_10" name="event_type" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Date of Event</label>
    <input class="cf_inputbox validate-date" maxlength="150" size="30" id="text_11" name="event_date" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Time of Event</label>
    <input class="cf_inputbox" maxlength="150" size="30" id="text_9" name="event_time" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Budget for Speaker</label>
    <input class="cf_inputbox" maxlength="150" size="30" id="text_12" name="budget" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label"># of Presentations</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_13" name="number_presentations" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Length of Presentations</label>
    <input class="cf_inputbox" maxlength="150" size="30" id="text_15" name="length_presentations" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">If Fundraiser, how much are you trying to raise?</label>
    <input class="cf_inputbox validate-currency-dollar" maxlength="150" size="30" id="text_16" name="amount_to_raise" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Expected Attendance</label>
    <input class="cf_inputbox" maxlength="150" size="30" id="text_14" name="attendance" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Age Range of Audience</label>
    <input class="cf_inputbox" maxlength="150" size="30" id="text_18" name="age_range" type="text" />
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_radiobutton">
    <label class="cf_label">Public or Private Event</label>
    <div class="float_left">
      <input value="Public" class="radio" id="radio00" name="radio0" type="radio" />
      <label for="radio00" class="radio_label">Public</label>
      <br />
      <input value="Private" class="radio" id="radio01" name="radio0" type="radio" />
      <label for="radio01" class="radio_label">Private</label>
      <br />
    </div>
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label">Comments or Questions</label>
    <textarea class="cf_inputbox" rows="3" id="text_22" cols="30" name="comments"></textarea>
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_captcha">
    <label class="cf_label">Please Enter Code</label>
    <span>{imageverification}</span> </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_button">
    <input value="Submit" type="submit" />
  </div>
  <div class="clear"> </div>
</div>

Max_admin 27 Mar, 2009

I changed a small piece of your code, here its:


<div class="form_item">
  <div class="form_element cf_heading">
    <h1 class="cf_text">Booking Form</h1>
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">First Name</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_1" name="fname" type="text" />
<label class="cf_label">Last Name</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_2" name="lname" type="text" />
  </div>
  <div class="clear"> </div>
</div>

I'm not sure if it will work or not though!

Regards
Max

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.