Add visual cue when field visibility is hidden

[chrismlusk]

What are you trying to do?

In the form builder, I would like to be able to quickly see which fields are hidden.

What's your proposed solution?

I see that Hidden Fields are rendered with a disabled attribute and get a gray background, so this could also apply to fields where the "Visibility" option is set to hidden. But, to further differentiate what is visibility == hidden and what is a Hidden Field, how about adding the Hidden Field's icon to the fui-field-preview?

Additional context

No response

[engram-design]

Agreed, I did actually think of this a few times but forgot to write it up as a FR.

Just to be clear, should we include the visual cue when any field is hidden for a number of reasons?

• Visibility = hidden
• Hidden field type
• Conditionally hidden

As for the icon, I like the indicator, we'll just have to check it doesn't interfere with the icons on other field types.

[chrismlusk]

To be clear, I'm suggesting the icon only for the hidden field type. If an email field has visibility hidden, I'd keep the email icon but add the gray background.

I hadn't considered conditionally hidden fields, but yes I think a visual cue makes sense for those too. As a developer who is accustomed to Craft's entry conditions, I could see using the same indicator — but Formie is more client facing than field layout settings, so it might not be the best option.

[engram-design]

Thanks for the clarification!