• 1

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: How to style fields inline

How to style fields inline 12 years 7 months ago #18989

  • fdigital01
  • fdigital01's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 33
  • Thank you received: 1
Can anyone please help me with some styling. I want the Title, First Name and Surname to be on the same line, but cannot work out how to do this. - Below is the layout code....

<fieldset class="formHorizontal formContainer" id="rsform_20_page_0">
<div class="rsform-block rsform-block-title">
<div class="formControlLabel">{title:caption}</div>
<div class="formControls">
<div class="formBody">{title:body}<span class="formValidation">{title:validation}</span></div>
<p class="formDescription">{title:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-firstname">
<div class="formControlLabel">{firstname:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{firstname:body}<span class="formValidation">{firstname:validation}</span></div>
<p class="formDescription">{firstname:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-lastname">
<div class="formControlLabel">{lastname:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{lastname:body}<span class="formValidation">{lastname:validation}</span></div>
<p class="formDescription">{lastname:description}</p>
</div>
</div>
The administrator has disabled public write access.

Re: How to style fields inline 12 years 7 months ago #18992

  • adrianp
  • adrianp's Avatar
  • OFFLINE
  • RSJoomla! Official Staff
  • Posts: 631
  • Thank you received: 146
Hello ,

One way to do this is to put all placeholders in the same container. Example :
<div class="formControlLabel">{title:caption} {firstname:caption} {lastname:caption} {title:body} {firstname:body} {lastname:body} {title:validation} {firstname:validation} {lastname:validation} {title:description} {firstname:description} {lastname:description}</div>
This is not official customer support. To receive your support, submit a support ticket here.
The administrator has disabled public write access.
  • 1

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!