Can you hide field labels?

  • Resolved grahamat78

    (@grahamat78)


    2 years, 12 months ago

    Hi

    When you create a field it is allocated a reference (e.g. textarea-1) and you can add a label.

    If you do not want a label to show on the form you have to leave the label field blank the form field is only known by the internal reference. In fact in the list used in formatting an email it is just known by the field type.

    This is to say the least a bit messy and makes inserting the correct field in an email quite tricky.

    What I think would help is if either the default field name could be edited and to make this name visible in the email editor list. If this is not possible can the label can be hidden, using an option on the field editor, on the displayed form (label visible in the email editor)?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @grahamat78

    I hope you are doing well.

    To make sure we are on the same page you are looking to hide it on the front end but not on emails?

    An alternative would be using CSS, so keep the label and then hide it using for textarea-1:

    .forminator-ui #textarea-1 label{
    display: none;
}

    You can add it to Form > Appearance > Custom CSS.

    Another alternative is to not use the {all_fields} macro and customise your email template: https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#email-notifications-forms

    Best Regards
    Patrick Freitas

    Thread Starter grahamat78

    (@grahamat78)

    Hi Patrick

    In ideal world I would like a tick box on the field dialog to either show or hide the label on the form.

    As an alternative is there CSS that I can add to a field in the field dialog to suppress the label for that field? Until you save the field you do not know what Forminator is going to call it. This solution is a bit tedious really but possible and would at least result in identifiable fields for customised emails.

    If you do not provide a label for a field try to customise the email is quite difficult as all the fields are just identified as Input, Textarea, Checkbox etc, so it is mot possible to identify the field.

    The same is true for the all fields macro.

    I hope this is a better explanation.

    Regards

    Graham

    Plugin Support Nebu John – WPMU DEV Support

    (@wpmudevsupport14)

    Hi @grahamat78,

    You can try the unique attribute ‘for’ of labels; please find an example below. 

    [for="forminator-field-name-1"] {
    display: none;
}

    I hope that helps.

    Kind Regards,
    Nebu John

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @grahamat78

    I hope you are doing well and safe!

    We haven’t heard from you in a while, I’ll mark this thread as resolved.

    Feel free to let us know if you have any additional questions or problems.

    Best Regards
    Patrick Freitas

    Thread Starter grahamat78

    (@grahamat78)

    Hi Patrick

    Whilst I would agree that the CSS provided by Nebu John works to supress a label it does result in the misalignment of a unlabelled and a labelled field in the same row. It is also to say the least a bit tedious to keep adding the CSS to individual fields.

    Is there any chance that you could add the facility to suppress labels in a future release of the plugin?

    Regards

    Graham

    Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hi @grahamat78

    I checked and I don’t see such feature planned yet so I’ve passed it over to our Forminator Team as a new feature suggestion. I’d rather not make promises at this point but they’ll take it under consideration.

    Kind regards,
    Adam

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Can you hide field labels?’ is closed to new replies.