Form elements do not have associated labels

Hello @mira404

The fields do not have labels because you leave empty the “Field Label” attributes in the fields’ settings.

The preferred solution would be to enter the labels but hide them with CSS.

Please, enter the class name no-label through the “Add CSS Layout Keywords” attributes of the fields whose labels you want to hide. And then enter the style definition below through the “Customize Form Design” attribute in the “Form Settings” tab (https://resources.developers4web.com/cff/images/documentation/form-settings-tab.png):

#fbuilder .no-label>label{display:none !important;}

Best regards.

• This reply was modified 3 years, 11 months ago by codepeople.

Hello @mira404

Your fields have no label because you did not enter them through the fields settings. Please, look at the screenshot below:

Best regards.

Excellent !!!!

Hello @mira404

There is something wrong with the links to the screenshots. None of them are accessible.

Best regards.

Hello @mira404

Please, do not use short URLs. Most protection systems block them:

Best regards.

Hello @mira404

Thank you very much for the screenshots. Our plugin is a forms builder. It allows you to create forms, but the forms’ structures are decided by yourself.

You created the form by nesting multiple DIV fields, which increases the tags’ depth. You can distribute the fields in columns by assigning class names directly to the fields instead of using containers. Please, watch the following video:

https://youtu.be/G8Of-V49pAQ

Best regards.

Hello @mira404

The value of “Form Name” attribute is displayed between <h2></h2> tags in the public form. If you don’t want to use h2 tags, you can leave empty the “Form Name” attribute in the “Form Settings” tab and then insert an “HTML Content” field with the tags you prefer as its content.

Best regards.

Hello @mira404

In the current plugin version, you can insert an “HTML Content” field in the form, and enter the following piece of code as its content:

<script>
jQuery('h2').empty().remove();
</script>

Best regards.