Sticky field

Hello @civilvicky

Thank you very much for using our plugin.

If you want to modify the design of a specific field, you should:

1. Assign a class name to the field. The class names are assigned to the fields through their attributes “Add CSS Layout Keywords”.

2. Define the new class assigned to the field through the “Customize Form Design” attribute in the “Form Settings” attribute or through the menu option “Appearance > Customization > Additional CSS”.

For example, you assign the my-stricky-field class name to a field, and define a class name as follows:

#fbuilder .my-stricky-field{
position: -webkit-sticky;
position: sticky;
top: 0;
z-index:9999;	
}

Best regards.

Hello @civilvicky

You have a concept issue. The browser applies the stick behavior to a tag if the browser can determine the height of its parent tag.

If you distribute the fields in columns, the plugin applies float to the tags to display them side by side, and in this case, the browser cannot determine the parent height (its children tags are floating).

To make the fields floating and sticking, you will need some custom coding to determine the height of the higher column and apply it to the parent.

Best regards.