• 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: Styling forms - label on top of text field

Styling forms - label on top of text field 12 years 7 months ago #19021

  • fdigital01
  • fdigital01's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 33
  • Thank you received: 1
could anyone please tell me how to get the labels to sit on top of the text entry box in this form?

e.g.,
Area Code
[Text Entry}

and keep everything in line

http://upright.dazl.com.au/index.php?option=com_rsform&view=rsform&formId=20&Itemid=234
The administrator has disabled public write access.

Re: Styling forms - label on top of text field 12 years 7 months ago #19026

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

To rearrange everything to be inline simply go to your form's Properties > Design > Form Layout , and select Inline .
This is not official customer support. To receive your support, submit a support ticket here.
The administrator has disabled public write access.

Re: Styling forms - label on top of text field 12 years 7 months ago #19041

  • fdigital01
  • fdigital01's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 33
  • Thank you received: 1
Thanks, but this does not do what I need.

The form upright.dazl.com.au/index.php?option=com...formId=20&Itemid=234

has been formatted grouped the way I want, but I would like to put the field labels above the input fields, e.g.,

First Name:
[text entry for first name]

any help would be appreciated
The administrator has disabled public write access.

Re: Styling forms - label on top of text field 12 years 7 months ago #19043

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

At this point, you have the form layout somthing like this:

<div class="formControlLabel formControls formBody">
{title:caption}{title:body}
{firstname:caption}<strong class="formRequired">(*)</strong>
{firstname:body}<span class="formValidation">{firstname:validation}</span>
{lastname:caption}<strong class="formRequired">(*)</strong>
{lastname:body}<span class="formValidation">{lastname:validation}</span>
</div>

You will need to change it to something like this:

<div class="class for your row properties">
<div>
{title:caption}<br/>
{title:body}
</div>
<div style="float:left">
{firstname:caption}<strong class="formRequired">(*)</strong><br/>
{firstname:body}<span class="formValidation">{firstname:validation}</span>
</div>
<div style="float:left">
{lastname:caption}<strong class="formRequired">(*)</strong><br/>
{lastname:body}<span class="formValidation">{lastname:validation}</span>
</div>
</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!