Additional Fields

Hello @alphagoldafrica

To include a title beside the name field you should to use one of columns layouts supported by the plugin. Please, visit the following link to the plugin’s blog:

https://cff.dwbooster.com/blog/2019/01/06/columns/?index=1

The case of phone numbers can be implemented in a different way, for example, assuming you want this field with the structure: +00 000 000 0000

Please, configure the field as the screenshot below:

Best regards.

Thank you very much!

I followed instructions but the name Title Field, First Name Field and Surname Field are joined. At the Add Css Layout Keywords, I added:
* col-sm-3 for Title Filed
* col-sm-4 for First Name Field
* col-sm-5 foe Surname field

(1) How do I separate the three fields? I would like there to be a gap between the three fields.

(2) I also noticed that the Title Field, does not use the entire field space allotted to it. Ideally I would prefer to use col-sm-2 for Title field but I notice that long titles (e.g. Miss, Prof.) are not fully shown.

Thank you

Hello @alphagoldafrica

For the title field, you simply should to define the “Field Size” attribute as “Large”

If you don’t want customize the layout styles, you can to use the offset classes, you simply should to know that a row is distributed in 12 columns. So, you simply should to assign the class name:

col-lg-2 to the “Title” field
col-lg-4 col-lg-offset-1 to the “First Name” field
col-lg-4 col-lg-offset-1 to the “Last Name field

So, between the columns and offsets, these are 12 columns.

Best regards.

Thank you

Is it possible to reduce the gap between Title, First Name and Surname Fields?

Is it also possible to the white length for the Title field so that fit in nicely in the white space?

Thank you,

Hello @alphagoldafrica

I need you follow my instructions, you should select the “Large” option for the “Field Size” attribute in the “Title” field.

Concerning to the fields: “Title”, “First Name” and “Last Name” in the row. If you need a specific appearance or distribution, you should to define your own styles.

For example, remove the current class names from these fields, and assign your own custom class names to these fields. And finally, define these class names through the “Customize Form Design” attribute in the “Form Settings” tab (https://cff.dwbooster.com/images/documentation/form-settings-tab.png), with the widths and margins you prefer.

Best regards.

Thank you ?? The title field is perfect. Now I am trying to figure out how to reduce the space between the title, first name and surname field. Thank you,

Hello @alphagoldafrica

You can to assign custom class names to the fields, the class names you want, through their attributes: “Add CSS Layout Keywords”, for example: title-field, first-name, last-name

And then, you should to define the new classes through the “Customize Form Design” attribute:

.title-field{}
.first-name{}
.last-name{}

With the corresponding CSS rules.

Note, sometimes it is needed to define the CSS rules with the !important; modifier.

Best regards.