how to hide labels - Formulate Questions - our.umbraco.com

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Adriano Fabri 469 posts 1633 karma points

Jul 18, 2017 @ 08:59

0

How to hide labels

Hi, there is a way (in formulate section) to configure labels to be hidden or I must use CSS?

Thanks

Copy Link
Nicholas Westby 2054 posts 7103 karma points c-trib

Jul 18, 2017 @ 15:01
0
Yeah, you can hide it with CSS (there is no configuration option to hide labels). Something like this:
```
 .formulate__field-label {
    display: none;
}
```
Though, for accessibility reasons, you may want to instead do something a little more clever, such as one of these approaches:
- http://webaim.org/techniques/css/invisiblecontent/
- https://discourse.wicg.io/t/a-way-to-hide-text-visually-but-not-from-screen-readers/510
Copy Link
Nicholas Westby 2054 posts 7103 karma points c-trib

Jul 18, 2017 @ 19:57

0

Actually, I believe most (possibly all) Formulate fields use an aria-label attribute, so hiding the field labels with display: none should be fine (in terms of accessibility).

Copy Link
is working on a reply...

Please Sign in or register to post replies

Write your reply to:

Editor

Preview

Draft