• 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: Align submit button to right of text field

Align submit button to right of text field 10 years 9 months ago #28272

  • michelle14
  • michelle14's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
  • Thank you received: 1
Hi. I am trying to create a simple submission of email address form and need the submit button to float just to the right of the text field like the attached image. The actual form should be centered though as it will be included in a module.



Can anyone help please? I am using responsive layout.

Thanks very much
The administrator has disabled public write access.
The following user(s) said Thank You: xristo

Align submit button to right of text field 10 years 9 months ago #28274

  • cosmin.cristea
  • cosmin.cristea's Avatar
  • OFFLINE
  • Platinum Boarder
  • Posts: 756
  • Thank you received: 144
You can achieve this scenario by adding the placeholders in the same div like in the example below (You will have to set AutoGenerate Layout to No and manually edit the HTML Code):
<div class="rsform-block rsform-block-email">
	<div class="formControlLabel">{text_field_name:caption}{Submit_button_name:caption}</div>
	<div class="formControls">
	<div class="formBody">{text_field_name:body}{Submit_button_name:body}<span class="formValidation">{text_field_name:validation}{Submit_button_name:validation}</span></div>
	<p class="formDescription">{text_field_name:description}{Submit_button_name:description}</p>
	</div>
</div>

Keep in mind that this will put them in sequence but they will probably won't be aligned, to do this simply add in the CSS/Javascript area a declaration like the following:
<style>
#Submit_button_name{
margin-bottom:10px !important;
}
</style>

http://www.rsjoomla.com/support/documentation/view-article/600-how-to-perform-layout-and-style-adjustments.html
My help is not official customer support. To receive your support, submit a ticket by clicking here
Last Edit: 10 years 9 months ago by cosmin.cristea.
The administrator has disabled public write access.
The following user(s) said Thank You: xristo
  • 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!