Using the Responsive template, I created a multi page form - three pages.
How do I set the page height so that it is the same on all three pages?
Your assistance will be much appreciated!
Here is my code;
{error}
<!-- Do not remove this ID, it is used to identify the page so that the pagination script can work correctly -->
<fieldset class="formContainer formHorizontal" id="rsform_{global:formid}_page_0">
<div class="formRow">
<div class="formSpan12">
<div class="rsform-block rsform-block-fullname{FullName:errorClass}">
<div class="formControlLabel">{FullName:caption} *</div>
<div class="formControls">
<div class="formBody">
{FullName:body}
<span class="formValidation">{FullName:validation}</span>
<p class="formDescription">{FullName:description}</p>
</div>
</div>
</div>
<div class="rsform-block rsform-block-telephone1{Telephone1:errorClass}">
<div class="formControlLabel">{Telephone1:caption} *</div>
<div class="formControls">
<div class="formBody">
{Telephone1:body}
<span class="formValidation">{Telephone1:validation}</span>
<p class="formDescription">{Telephone1:description}</p>
</div>
</div>
</div>
<div class="rsform-block rsform-block-telephone2{Telephone2:errorClass}">
<div class="formControlLabel">{Telephone2:caption} *</div>
<div class="formControls">
<div class="formBody">
{Telephone2:body}
<span class="formValidation">{Telephone2:validation}</span>
<p class="formDescription">{Telephone2:description}</p>
</div>
</div>
</div>
<div class="rsform-block rsform-block-email{Email:errorClass}">
<div class="formControlLabel">{Email:caption} *</div>
<div class="formControls">
<div class="formBody">
{Email:body}
<span class="formValidation">{Email:validation}</span>
<p class="formDescription">{Email:description}</p>
</div>
</div>
</div>
<div class="rsform-block rsform-block-project{Project:errorClass}">
<div class="formControlLabel">{Project:caption} *</div>
<div class="formControls">
<div class="formBody">
{Project:body}
<span class="formValidation">{Project:validation}</span>
<p class="formDescription">{Project:description}</p>
</div>
</div>
</div>
</div>
</div>
<div class="formRow">
<div class="formSpan12">
<div class="rsform-block rsform-block-page1{Page1:errorClass}">
<div class="formControlLabel">{Page1:caption}</div>
<div class="formControls">
<div class="formBody">
{Page1:body}
</div>
</div>
</div>
</div>
</div>
</fieldset>
<!-- Do not remove this ID, it is used to identify the page so that the pagination script can work correctly -->
<fieldset class="formContainer formHorizontal" id="rsform_{global:formid}_page_1">
<div class="formRow">
<div class="formSpan12">
<div class="rsform-block rsform-block-infodiscount{InfoDiscount:errorClass}">
{InfoDiscount:body}
</div>
<div class="rsform-block rsform-block-budget{Colour:errorClass}">
<div class="formControlLabel">{Colour:caption}</div>
<div class="formControls">
<div class="formBody">
{Colour:body}
<span class="formValidation">{Colour:validation}</span>
<p class="formDescription">{Colour:description}</p>
</div>
</div>
</div>
<div class="rsform-block rsform-block-Size1{Size1:errorClass}">
<div class="formControlLabel">{Size1:caption}</div>
<div class="formControls">
<div class="formBody">
{Size1:body}
<span class="formValidation">{Size1:validation}</span>
<p class="formDescription">{Size1:description}</p>
</div>
</div>
</div>
<div class="rsform-block rsform-block-time{Time:errorClass}">
<div class="formControlLabel">{Time:caption}</div>
<div class="formControls"><p class="formDescription">{Time:description}</p>
<div class="formBody"><span style="color: #EB0000">
{Time:body}
<span class="formValidation">{Time:validation}</span>
<p class="formDescription">{Time:description}</p>
</div>
</div>
</div>
<div class="rsform-block rsform-block-message{Message:errorClass}">
<div class="formControlLabel">{Message:caption}</div>
<div class="formControls">
<div class="formBody">
{Message:body}
<span class="formValidation">{Message:validation}</span>
<p class="formDescription">{Message:description}</p>
</div>
</div>
</div>
</div>
</div>
<div class="formRow">
<div class="formSpan12">
<div class="rsform-block rsform-block-page2{Page2:errorClass}">
<div class="formControlLabel">{Page2:caption}</div>
<div class="formControls">
<div class="formBody">
{Page2:body}
</div>
</div>
</div>
</div>
</div>
</fieldset>
<!-- Do not remove this ID, it is used to identify the page so that the pagination script can work correctly -->
<fieldset class="formContainer formHorizontal" id="rsform_{global:formid}_page_2">
<div class="formRow">
<div class="formSpan12">
<div class="rsform-block rsform-block-contactheader{ContactHeader:errorClass}">
<strong class="formRequired"><span style="color: #EB0000">{ContactHeader:body}</span></strong>
</div>
<div class="rsform-block rsform-block-branch{Style:errorClass}">
<div class="formControlLabel">{Style:caption}<strong class="formRequired"> *</div>
<div class="formControls">
<div class="formBody">
{Style:body}
<span class="formValidation">{Style:validation}</span>
<p class="formDescription">{Style:description}</p>
</div>
</div>
</div>
<div class="rsform-block rsform-block-anti-spam2{Anti Spam2:errorClass}">
<div class="formControlLabel">{Anti Spam2:caption}<strong class="formRequired"> *</div>
<div class="formControls">
<div class="formBody">
{Anti Spam2:body}
<span class="formValidation">{Anti Spam2:validation}</span>
<p class="formDescription">{Anti Spam2:description}</p>
</div>
</div>
</div>
<div class="rsform-block rsform-block-submit{Submit:errorClass}">
<div class="formControlLabel">{Submit:caption}</div>
<div class="formControls">
<div class="formBody">
{Submit:body}
<span class="formValidation">{Submit:validation}</span>
<p class="formDescription">{Submit:description}</p>
</div>
</div>
</div>
</div>
</div>
</fieldset>
