• 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: 2 Columns 2 Lines Layout help

2 Columns 2 Lines Layout help 9 years 5 months ago #33601

  • maorcg
  • maorcg's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 2
Hi and thank you for the help!

I'm sure people ask how to do it many times but i cant get it to work with my joomla template so i need help please

My website is:
Part of the message is hidden for the guests. Please log in or register to see it.

and i try to change the form (see before) layout from to (see after):


what code do i need to use?
and if it possible i will like to have sample inside the white box like full name box will show John doe
{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_{global:formid}_page_0">
	<div class="rsform-block rsform-block-fullname">
		<div class="formControlLabel">{fullname:caption}<strong class="formRequired"></strong></div>
		<div class="formControls">
		<div class="formBody">{fullname:body}<span class="formValidation">{fullname:validation}</span></div>
		<p class="formDescription">{fullname:description}</p>
		</div>
	</div>
	<div class="rsform-block rsform-block-phone">
		<div class="formControlLabel">{phone:caption}<strong class="formRequired"></strong></div>
		<div class="formControls">
		<div class="formBody">{phone:body}<span class="formValidation">{phone:validation}</span></div>
		<p class="formDescription">{phone:description}</p>
		</div>
	</div>
	<div class="rsform-block rsform-block-email">
		<div class="formControlLabel">{email:caption}<strong class="formRequired"></strong></div>
		<div class="formControls">
		<div class="formBody">{email:body}<span class="formValidation">{email:validation}</span></div>
		<p class="formDescription">{email:description}</p>
		</div>
	</div>
	<div class="rsform-block rsform-block-zipcode">
		<div class="formControlLabel">{zipcode:caption}<strong class="formRequired"></strong></div>
		<div class="formControls">
		<div class="formBody">{zipcode:body}<span class="formValidation">{zipcode:validation}</span></div>
		<p class="formDescription">{zipcode:description}</p>
		</div>
	</div>
	<div class="rsform-block rsform-block-services">
		<div class="formControlLabel">{services:caption}<strong class="formRequired"></strong></div>
		<div class="formControls">
		<div class="formBody">{services:body}<span class="formValidation">{services:validation}</span></div>
		<p class="formDescription">{services:description}</p>
		</div>
	</div>
	<div class="rsform-block rsform-block-submit">
		<div class="formControlLabel">{submit:caption}</div>
		<div class="formControls">
		<div class="formBody">{submit:body}<span class="formValidation">{submit:validation}</span></div>
		<p class="formDescription">{submit:description}</p>
		</div>
	</div>
</fieldset>
The administrator has disabled public write access.

2 Columns 2 Lines Layout help 9 years 5 months ago #33626

  • maorcg
  • maorcg's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 2
Help Please
The administrator has disabled public write access.

2 Columns 2 Lines Layout help 9 years 5 months ago #33627

  • alexp
  • alexp's Avatar
  • OFFLINE
  • RSJoomla! Official Staff
  • Posts: 2253
  • Thank you received: 180
There isn't much that we forum users can do for you, unless you actually publish the form with the desired layout. We can then look into potential CSS issues.

PS: The posted form layout seems fine.
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.

2 Columns 2 Lines Layout help 9 years 5 months ago #33629

  • bogdan.tataru
  • bogdan.tataru's Avatar
  • OFFLINE
  • Gold Boarder
  • Posts: 174
  • Thank you received: 40
You can try achieving your scenario by refering to the following article which provides the steps you need to take in order to create a responsive two-columns inline form:

www.rsjoomla.com/support/documentation/r...mns-inline-form.html
My help is not official customer support. To receive assistance, submit a ticket by clicking here
The administrator has disabled public write access.

2 Columns 2 Lines Layout help 8 years 9 months ago #35733

  • jukeboxjunkey
  • jukeboxjunkey's Avatar
  • OFFLINE
  • Senior Boarder
  • Posts: 45
  • Thank you received: 2
Compared to other form design tools, RSFormPro! is archaic when it come to form layout. It's incredible how an advanced and successful component has not evolved on the design side even though form layouts include html5, bootstrap & uikit. I can imagine tens of thousands one column, plain as vanilla forms generated by RSFormPro! blanketing the internet.
If not for my need to integrate my forms with other RSJoomla components I'd use a competitors form tool.
Last Edit: 8 years 9 months ago by jukeboxjunkey. Reason: type
The administrator has disabled public write access.

2 Columns 2 Lines Layout help 8 years 8 months ago #35848

  • r.mulder
  • r.mulder's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
U can use uikit grid this is an example:

{error}
<!-- Do not remove this ID, it is used to identify the page so that the pagination script can work correctly -->
<fieldset class="uk-form uk-form-stacked formContainer" id="rsform_{global:formid}_page_0">

<div class="uk-grid">
<div class="uk-width-medium-1-2">
<div class="uk-form-row rsform-block rsform-block-dbnaam{dbnaam:errorClass}">
<label class="uk-form-label control-label formControlLabel" data-uk-tooltip="{pos:'top-left'}" title=" {dbnaam:description}" for="dbnaam">{dbnaam:caption}<strong class="formRequired">(*)</strong></label>
<div class="uk-form-controls formControls uk-width-1-1">
{dbnaam:body} <span class="formValidation">{dbnaam:validation}</span>
</div>
</div>
</div>

<div class="uk-width-medium-1-2">
<div class="uk-form-row rsform-block rsform-block-dbvoornaam{dbvoornaam:errorClass}">
<label class="uk-form-label control-label formControlLabel" data-uk-tooltip="{pos:'top-left'}" title="{dbvoornaam:description}" for="dbvoornaam">{dbvoornaam:caption}<strong class="formRequired">(*)</strong></label>
<div class="uk-form-controls formControls uk-width-1-1">
{dbvoornaam:body} <span class="formValidation">{dbvoornaam:validation}</span>
</div>
</div>
</div>


</div>
</fieldset>
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!