• 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: Two Column Layout RS Form Regular

Two Column Layout RS Form Regular 15 years 7 months ago #8545

Hi ...

I was wondering if anyone has been able to successful edit the RS Form Style Form tables to render a two column layout where form fields would be side by side instead of straight down. The form I am creating I think would look a lot cleaner if it was set up that way.

I have been modifying the tables in the form style but to no avail. I've everything short of absolute positioning.

Thanks for your help in advance.

I am not RS form pro which I guess has a button you click to select how many columns you want in your form.

bW
The administrator has disabled public write access.

Re:Two Column Layout RS Form Regular 15 years 7 months ago #8606

  • alexp
  • alexp's Avatar
  • OFFLINE
  • RSJoomla! Official Staff
  • Posts: 2253
  • Thank you received: 180
Hello,

This can be done... however it will require to customize the Form Style and Field Style area, but achieving this can be rather tricky.

From the Field Style area, remove the table tag and replace it with a simple div:
<div align="left" style="width:100%" class="componentheading">{formtitle}</div>
<form name="{formname}" id="{formname}" method="post" action="{action}" {enctype}>
	<div class="forme">
	{formfields}
	</div>
</form>

Edit the first field of your form, remove the tr and td tags, but leave the placeholders:
<div align="left">
	{fieldtitle}{validationsign}<br />
	{field}<br />
	{fielddesc}<br />

For example fields 1,2 and 3 form the left column and 4,5,6 form the right one...

Field style for field 2 would look something like this:
	{fieldtitle}{validationsign}<br />
	{field}<br />
	{fielddesc}<br />

And for field 3:

	{fieldtitle}{validationsign}<br />
	{field}<br />
	{fielddesc}<br />
</div>

Repeat the process for right column just use align="right" instead.
Please note: my help is not official customer support. To receive your support, submit a ticket by clicking here
Regards,
RSJoomla! Development Team
The administrator has disabled public write access.
The following user(s) said Thank You: radu.chiritescu
  • 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!