• 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: Multiple fields on one line

Multiple fields on one line 10 years 11 months ago #27607

Hello, please help me,

i want to add multiple fields on one line, for example; three fields in one line, two fields on another line to another line four etc...

thank you in advance
The administrator has disabled public write access.

Multiple fields on one line 10 years 11 months ago #27616

  • cosmin.cristea
  • cosmin.cristea's Avatar
  • OFFLINE
  • Platinum Boarder
  • Posts: 756
  • Thank you received: 144
The layout of a form can be customised by accessing the Form Layout tab from Properties. RSForm! Pro comes with predefined layouts that you can use. For a more in-depth customisation switch the Auto Generate Layout button to No and edit the HTML code.

NOTE: Any changes to the Fields of the form will have to be added in the HTML code also.


For more information follow this link to How to perform layout and style adjustments
My help is not official customer support. To receive your support, submit a ticket by clicking here
The administrator has disabled public write access.

Multiple fields on one line 10 years 11 months ago #27620

that is exactly my problem, I do not know what HTML enter code to get what I want, if you could help me by giving me an example of HTML code will be good.

Thank!
Last Edit: 10 years 11 months ago by mikamouv10.
The administrator has disabled public write access.

Multiple fields on one line 10 years 11 months ago #27626

  • cosmin.cristea
  • cosmin.cristea's Avatar
  • OFFLINE
  • Platinum Boarder
  • Posts: 756
  • Thank you received: 144
This is not a copy paste solution, to customise the layout you will need basic knowledge of HTML/CSS. Perhaps posting a link to the actual form will enable forum users to provide further help on this.
My help is not official customer support. To receive your support, submit a ticket by clicking here
The administrator has disabled public write access.

Multiple fields on one line 10 years 11 months ago #27634

Hello,

Ok this is the exemple layout that i take in layout "Responsive (CSS3)", and in this exemple the fields appears like this;

"PRENOM"
"NOM"
"RADIO GROUP"


and here's HTML 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="formHorizontal formContainer" id="rsform_6_page_0">
<div class="rsform-block rsform-block-prenom">
<div class="formControlLabel">{Prenom:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{Prenom:body}<span class="formValidation">{Prenom:validation}</span></div>
<p class="formDescription">{Prenom:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-nom">
<div class="formControlLabel">{Nom:caption}</div>
<div class="formControls">
<div class="formBody">{Nom:body}<span class="formValidation">{Nom:validation}</span></div>
<p class="formDescription">{Nom:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-radio">
<div class="formControlLabel">{Radio:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{Radio:body}<span class="formValidation">{Radio:validation}</span></div>
<p class="formDescription">{Radio:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-envoyez">
<div class="formControlLabel">{Envoyez:caption}</div>
<div class="formControls">
<div class="formBody">{Envoyez:body}<span class="formValidation">{Envoyez:validation}</span></div>
<p class="formDescription">{Envoyez:description}</p>
</div>
</div>
</fieldset>



And now how to change the HTML code for that field appears on a single line, as it

"PRENOM" "NOM" "RADIO GROUP"


Thank
The administrator has disabled public write access.

Multiple fields on one line 10 years 11 months ago #27670

  • cosmin.cristea
  • cosmin.cristea's Avatar
  • OFFLINE
  • Platinum Boarder
  • Posts: 756
  • Thank you received: 144
Try 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="formHorizontal formContainer" id="rsform_6_page_0">
<div class="rsform-block rsform-block-prenom" style="float:left; margin-right:10px">
<div class="formControlLabel">{Prenom:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{Prenom:body}<span class="formValidation">{Prenom:validation}</span></div>
<p class="formDescription">{Prenom:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-nom" style="float:left; margin-right:10px">
<div class="formControlLabel">{Nom:caption}</div>
<div class="formControls">
<div class="formBody">{Nom:body}<span class="formValidation">{Nom:validation}</span></div>
<p class="formDescription">{Nom:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-radio" style="float:left; margin-right:10px">
<div class="formControlLabel">{Radio:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{Radio:body}<span class="formValidation">{Radio:validation}</span></div>
<p class="formDescription">{Radio:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-envoyez" style="clear:both">
<div class="formControlLabel">{Envoyez:caption}</div>
<div class="formControls">
<div class="formBody">{Envoyez:body}<span class="formValidation">{Envoyez:validation}</span></div>
<p class="formDescription">{Envoyez:description}</p>
</div>
</div>
</fieldset>

Don't forget to change Auto Generate Layout to NO

You can find more information in the following article
http://www.rsjoomla.com/support/documentation/view-article/1117-creating-a-responsive-two-columns-inline-form.html
My help is not official customer support. To receive your support, submit a ticket by clicking here
Last Edit: 10 years 11 months ago by cosmin.cristea.
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!