Hi,

on using RSForm Pro I am finding that the default spacing between fields is way too big. How can I adjust the spacing on a given form for a given field. For example, I want to bring a set of 3 specific fields closer together on my form, but maybe not all the fields on that form. How do I easily do this? Is it a CSS style setting that I put in the attributes window for the field?

Thanks in advance.

Ken

Hi,
Here are some suggestions that Support gave to me for both Vertical and Horizontal spacing:
You can reduce the vertical space between the fields by changing the margin-bottom property to 0px in the.rsform-block rule. The rule can be found in the CSS file I mentioned before.

Or if you decide that this change is needed for a single form, you can add the following rule in the form's Javascript and CSS section.

.formResponsive .formHorizontal .rsform-block {
margin-bottom: 0px !important;
}

Horizonatal spacing:
can be achieved by either adding the following rule:

.formResponsive .formHorizontal input, .formResponsive .formHorizontal textarea, .formResponsive .formHorizontal select, .formResponsive .formHorizontal .formValidation, .formResponsive .formHorizontal .uneditable-input, .formResponsive .formHorizontal .input-prepend, .formResponsive .formHorizontal .input-append {
margin-left: 5%;
width: 77% !important;
}

... in either the component's CSS file(/components/com_rsform/assets/css/front.css), which will affect all the forms on your site but will be replace after an update, or in the form's Javascript and CSS area, which will only affect a single form.

The form's Javascript and CSS area can be found under Components > RSForm!Pro > Manage Forms > edit the form > Properties > CSS and Javascript (please remember to add <style> tags).

PS: Please change the values of the CSS properties to suit your preference.

Hope this helps.
K

Thanks again. I struggled a little to understand what you were saying but eventually figured it out and obtained the result I was looking for. I did it on each individual form and the vertical spacing between fields now looks much better.

Ken

Glad you got what you wanted to work. Sometimes I'm a bit baffled by the answers I get from Support -- since I'm not a programmer -- so I usually have a test form that I use to try out the suggestions and do the edits there so I don't alter my forms. Then I paste in the "good" code for my site.

I also keep a text file with the code samples I find on the forum so I can refer to them later. It's sometimes easier to search that file than the forum.
K

Hi,

Your suggestion included "margin-bottom: 0px", is there a "margin-top:" or left or right? Are there any other settings for say row height or the like?

Ken

I tried this and it had no effect on the form. <style> tags were there and in the form properties CSS