|
Welcome,
Guest
|
|
Read this first!
We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.
However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.
For more information, the Support Policy is located here.
Thank you!
TOPIC: 4 Columns Layout misaligned
4 Columns Layout misaligned 6 years 4 months ago #38657
|
Hi Folks,
I have the following code: <h2>{global:formtitle}</h2>
{error}
<!-- Do not remove this ID, it is used to identify the page so that the pagination script can work correctly -->
<fieldset class="formContainer" id="rsform_{global:formid}_page_0">
<div class="row-fluid">
<div class="span12">
<div class="control-group rsform-block rsform-block-customer-info-title{Customer Info Title:errorClass}">
{Customer Info Title:body}
</div>
<div class="control-group rsform-block rsform-block-name{Name:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{Name:description}" for="Name">{Name:caption}<strong class="formRequired">(*)</strong></label>
<div class="controls formControls">
{Name:body}
<span class="help-block formValidation">{Name:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-address{Address:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{Address:description}" for="Address">{Address:caption}<strong class="formRequired">(*)</strong></label>
<div class="controls formControls">
{Address:body}
<span class="help-block formValidation">{Address:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-ppsn{PPSN:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{PPSN:description}" for="PPSN">{PPSN:caption}<strong class="formRequired">(*)</strong></label>
<div class="controls formControls">
{PPSN:body}
<span class="help-block formValidation">{PPSN:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-email{Email:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{Email:description}" for="Email">{Email:caption}<strong class="formRequired">(*)</strong></label>
<div class="controls formControls">
{Email:body}
<span class="help-block formValidation">{Email:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-phone{Phone:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{Phone:description}" for="Phone">{Phone:caption}</label>
<div class="controls formControls">
{Phone:body}
<span class="help-block formValidation">{Phone:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-invoiceitem{InvoiceItem:errorClass}">
{InvoiceItem:body}
</div>
</div>
<div class="span3">
<div class="control-group rsform-block rsform-block-qty1{qty1:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{qty1:description}" for="qty1">{qty1:caption}<strong class="formRequired">(*)</strong></label>
<div class="controls formControls">
{qty1:body}
<span class="help-block formValidation">{qty1:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-qty2{qty2:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{qty2:description}" for="qty2">{qty2:caption}</label>
<div class="controls formControls">
{qty2:body}
<span class="help-block formValidation">{qty2:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-qty3{qty3:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{qty3:description}" for="qty3">{qty3:caption}</label>
<div class="controls formControls">
{qty3:body}
<span class="help-block formValidation">{qty3:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-qty4{qty4:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{qty4:description}" for="qty4">{qty4:caption}</label>
<div class="controls formControls">
{qty4:body}
<span class="help-block formValidation">{qty4:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-qty5{qty5:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{qty5:description}" for="qty5">{qty5:caption}</label>
<div class="controls formControls">
{qty5:body}
<span class="help-block formValidation">{qty5:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-qty6{qty6:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{qty6:description}" for="qty6">{qty6:caption}</label>
<div class="controls formControls">
{qty6:body}
<span class="help-block formValidation">{qty6:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-qty7{qty7:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{qty7:description}" for="qty7">{qty7:caption}</label>
<div class="controls formControls">
{qty7:body}
<span class="help-block formValidation">{qty7:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-qty8{qty8:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{qty8:description}" for="qty8">{qty8:caption}</label>
<div class="controls formControls">
{qty8:body}
<span class="help-block formValidation">{qty8:validation}</span>
</div>
</div>
</div>
<div class="span3">
<div class="control-group rsform-block rsform-block-item1{item1:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{item1:description}" for="item1">{item1:caption}<strong class="formRequired">(*)</strong></label>
<div class="controls formControls">
{item1:body}
<span class="help-block formValidation">{item1:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-item2{item2:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{item2:description}" for="item2">{item2:caption}</label>
<div class="controls formControls">
{item2:body}
<span class="help-block formValidation">{item2:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-item3{item3:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{item3:description}" for="item3">{item3:caption}</label>
<div class="controls formControls">
{item3:body}
<span class="help-block formValidation">{item3:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-item4{item4:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{item4:description}" for="item4">{item4:caption}</label>
<div class="controls formControls">
{item4:body}
<span class="help-block formValidation">{item4:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-item5{item5:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{item5:description}" for="item5">{item5:caption}</label>
<div class="controls formControls">
{item5:body}
<span class="help-block formValidation">{item5:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-item6{item6:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{item6:description}" for="item6">{item6:caption}</label>
<div class="controls formControls">
{item6:body}
<span class="help-block formValidation">{item6:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-item7{item7:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{item7:description}" for="item7">{item7:caption}</label>
<div class="controls formControls">
{item7:body}
<span class="help-block formValidation">{item7:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-item8{item8:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{item8:description}" for="item8">{item8:caption}</label>
<div class="controls formControls">
{item8:body}
<span class="help-block formValidation">{item8:validation}</span>
</div>
</div>
</div>
<div class="span3">
<div class="control-group rsform-block rsform-block-rate1{rate1:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{rate1:description}" for="rate1">{rate1:caption}<strong class="formRequired">(*)</strong></label>
<div class="controls formControls">
{rate1:body}
<span class="help-block formValidation">{rate1:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-rate2{rate2:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{rate2:description}" for="rate2">{rate2:caption}</label>
<div class="controls formControls">
{rate2:body}
<span class="help-block formValidation">{rate2:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-rate3{rate3:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{rate3:description}" for="rate3">{rate3:caption}</label>
<div class="controls formControls">
{rate3:body}
<span class="help-block formValidation">{rate3:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-rate4{rate4:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{rate4:description}" for="rate4">{rate4:caption}</label>
<div class="controls formControls">
{rate4:body}
<span class="help-block formValidation">{rate4:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-rate5{rate5:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{rate5:description}" for="rate5">{rate5:caption}</label>
<div class="controls formControls">
{rate5:body}
<span class="help-block formValidation">{rate5:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-rate6{rate6:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{rate6:description}" for="rate6">{rate6:caption}</label>
<div class="controls formControls">
{rate6:body}
<span class="help-block formValidation">{rate6:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-rate7{rate7:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{rate7:description}" for="rate7">{rate7:caption}</label>
<div class="controls formControls">
{rate7:body}
<span class="help-block formValidation">{rate7:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-rate8{rate8:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{rate8:description}" for="rate8">{rate8:caption}</label>
<div class="controls formControls">
{rate8:body}
<span class="help-block formValidation">{rate8:validation}</span>
</div>
</div>
</div>
<div class="span3">
<div class="control-group rsform-block rsform-block-date1{date1:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{date1:description}" for="date1">{date1:caption}</label>
<div class="controls formControls">
{date1:body}
<span class="help-block formValidation">{date1:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-date2{date2:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{date2:description}" for="date2">{date2:caption}</label>
<div class="controls formControls">
{date2:body}
<span class="help-block formValidation">{date2:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-date3{date3:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{date3:description}" for="date3">{date3:caption}</label>
<div class="controls formControls">
{date3:body}
<span class="help-block formValidation">{date3:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-date4{date4:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{date4:description}" for="date4">{date4:caption}</label>
<div class="controls formControls">
{date4:body}
<span class="help-block formValidation">{date4:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-date5{date5:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{date5:description}" for="date5">{date5:caption}</label>
<div class="controls formControls">
{date5:body}
<span class="help-block formValidation">{date5:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-date6{date6:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{date6:description}" for="date6">{date6:caption}</label>
<div class="controls formControls">
{date6:body}
<span class="help-block formValidation">{date6:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-date7{date7:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{date7:description}" for="date7">{date7:caption}</label>
<div class="controls formControls">
{date7:body}
<span class="help-block formValidation">{date7:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-date8{date8:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{date8:description}" for="date8">{date8:caption}</label>
<div class="controls formControls">
{date8:body}
<span class="help-block formValidation">{date8:validation}</span>
</div>
</div>
</div>
</div>
<div class="span12">
<div class="control-group rsform-block rsform-block-notes{notes:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{notes:description}" for="notes">{notes:caption}</label>
<div class="controls formControls">
{notes:body}
<span class="help-block formValidation">{notes:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-person{Person:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{Person:description}" for="Person">{Person:caption}<strong class="formRequired">(*)</strong></label>
<div class="controls formControls">
{Person:body}
<span class="help-block formValidation">{Person:validation}</span>
</div>
</div>
<div class="control-group rsform-block rsform-block-submit{Submit:errorClass}">
<label class="control-label formControlLabel hasTooltip" title="{Submit:description}" for="Submit">{Submit:caption}</label>
<div class="controls formControls">
{Submit:body}
<span class="help-block formValidation">{Submit:validation}</span>
</div>
</div>
</div>
</fieldset>
{Reference:body}The form is broken into 2 Sections, the top part is 1 row, the lower half has 4 columns. However, the date column is not showing as part of the 4 columns. It is moved below. The Div Classes are Span3 which are used in the template for 4 column forms. Can anyone please advise?  |
|
|
|
Read this first!
We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.
However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.
For more information, the Support Policy is located here.
Thank you!
