Log In

Log In



Not registered yet?


Reset password Activation link
Forums
Tag "gap"

Multiple fields on Multiple lines.

Publication date: August 15, 2018

This post will show you how to create multiple fields on multiple lines using the CSS class name feature.
See the screenshot below:


Multiple fields on Multiple lines


In this example I used a “fourcolumn” CSS. (Notice no hyphen. This will be explained in the “Reducing gap when using CSS class name” post).


In the fifth field I did NOT set a CSS class name, and then for Field 6 and 7 I added a different class name “1234”. This placed the following fields beside field 5.


Hope this helps!

Reducing gap when using CSS class name.

Publication date: August 15, 2018

In this post I will show you how to reduce the gap between your fields when using the CSS class name feature.


Below is an example of a “two-column” CSS class name:


Reducing gap when using CSS class name.


Now when doing it this way your preview will look like this:


Reducing gap when using CSS class name.


To bring your fields closer together, simply remove the hyphen (-) making the new class name “twocolumn”, or anything you want that does not have a hyphen.


What you will end up with:


Reducing gap when using CSS class name.


I hope this helps!