• 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: Feature Request: Bootstrap 2 Forms

Feature Request: Bootstrap 2 Forms 10 years 6 months ago #29308

  • studio41
  • studio41's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 4
  • Thank you received: 1
Please, please, please can RSJoomla! create a purely Bootstrap 2 template for forms in RSForms Pro.
In my humble opinion this is the only way in which RSForms is let down.

Bootstrap 2 support would make a massive difference to me and surely to others.

Thank you
The administrator has disabled public write access.

Feature Request: Bootstrap 2 Forms 10 years 4 months ago #29790

studio41 wrote:
Please, please, please can RSJoomla! create a purely Bootstrap 2 template for forms in RSForms Pro.
In my humble opinion this is the only way in which RSForms is let down.

Bootstrap 2 support would make a massive difference to me and surely to others.

Thank you

I agree with you on RSForms Supporting bootstrap. In the meantime, I have adapted a form layout with Bootstrap classes so that the form appears (mostly) as it should under Bootstrap.

It will take a few steps to implement:
  • turn automatic template generation off on your form
  • Paste the code below into the custom template box
  • You will then need to copy and paste blocks of the code for each field that you have. In the code I posted below you will see some sample field types, copy the corresponding field type for each field in your form
  • Replace the form merge fields (the {xxx:body} or {xxx:Value} fields with your field names

This is a really high level overview of what you need to do, but it should get you off to a good start.

<div class="well col-md-10 col-md-offset-1">
	<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 id="rsform_{global:formid}_page_0">
	<div class="container-fluid">
			<!-- Header -->
			<div class="rsform-block rsform-block-header span10">
				<div class="form-group control-group">
					{Header:body}
				</div>
			</div>
 
		<!-- Standard Input  -->
		<div class="rsform-block rsform-block-fullname span10">
				<div class="form-group control-group">
					<div class="control-label">{FullName:caption}<strong class="formRequired"> *</strong></div>
					<div class="controls">{FullName:body}<span>{FullName:validation}</span>
					<span class="help-block">{FullName:description}</span>
					</div>					
				</div>
			</div>
 
			<!-- Radio Buttons -->
			<div class="rsform-block rsform-block-inquirytype span10">
				<div class="form-group control-group">
					<div class="control-label">{InquiryType:caption}<strong class="formRequired"> *</strong></div>
					<div class="controls block radio">{InquiryType:body}<span>{InquiryType:validation}</span>
					<span class="help-block">{InquiryType:description}</span>
					</div>									
				</div>					
			</div>
 
			<!-- Checkbox -->
			<div class="rsform-block rsform-block-category span10">
				<div class="form-group control-group">
					<div class="control-label">{Category:caption}</div>
					<div class="controls block checkbox">{Category:body}<span>{Category:validation}</span>
					<span class="help-block">{Category:description}</span>
					</div>										
				</div>					
			</div>
 
	</div>	
	</fieldset>
</div>
The administrator has disabled public write access.

Feature Request: Bootstrap 2 Forms 10 years 4 months ago #29791

  • cosmin.cristea
  • cosmin.cristea's Avatar
  • OFFLINE
  • Platinum Boarder
  • Posts: 756
  • Thank you received: 144
Thank you for taking your time to post the HTML code of your Bootstrap layout. Another example of a form layout using bootstrap classes can be found here:

https://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
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!