<https://lh5.googleusercontent.com/-xAnLCUjBisg/UDZ-d0BD7wI/AAAAAAAAABE/1t_BKGjA0g4/s1600/f2012-08-23+14-11-47.png>
i everyone,
I would like to build a view ( display form ) with 2 columns that looks
like the attached picture. I have a 2 column input form that looks like
this already, but I'm not sure what elements to use to build the view with.
I used input elements for the input form. I'd like it to have a layout like:
textbox
field1 field2
field3 field4
here's a code sample for attached form in the picture:
<div class="form_row" >
<div class="control-group">
<label class="control-label" for="textarea">Textarea</label>
<div class="controls">
<!-- <textarea class="span8" class="input-xlarge"
id="description" name="description" value="<?php echo
$this->property->description ?>" rel="popover" data-content="Re-enter your
description." data-original-title="description" rows="3"></textarea> -->
<textarea class="span8" class="input-xlarge"
id="description" name="description" rel="popover" data-content="Re-enter
your description." data-original-title="description" rows="3"><?php echo
$this->property->description ?> </textarea>
</div>
</div>
</div>
<div class="form_row" >
<div class="control-group">
<label class="control-label" for="input01">first name</label>
<div class="controls">
<input type="text" class="span4" class="input-xlarge"
id="first_name" name="first_name" value="<?php echo
$this->property->first_name ?>" rel="popover" data-content="Re-enter your
first name." data-original-title="first_name" >
<input type="text" class="span4" class="input-xlarge"
id="last_name" name="last_name" value="<?php echo
$this->property->last_name ?>" rel="popover" data-content="Re-enter your
last name." data-original-title="last_name" >
</div>
</div>
</div>
<div class="form_row" >
<div class="control-group">
<label class="control-label" for="input01">home phone</label>
<div class="controls">
<input type="number" class="span4" class="input-xlarge"
id="home_phone" name="home_phone" value="<?php echo
$this->property->home_phone ?>" rel="popover" data-content="Re-enter your
home phone." data-original-title="bedrooms" >
<input type="number" class="span4" class="input-xlarge"
id="cell_phone" name="cell_phone" value="<?php echo
$this->property->cell_phone ?>" rel="popover" data-content="Re-enter your
cell_phone." data-original-title="cell_phone" >
</div>
</div>
</div>
What should the HTML look like to build the view I'm looking for?
Thanks in advance,
Bill
