I would like to hide question-labels in my forms, and use placeholders instead. Not for all labels, only those of certain fieldtypes (like textfield). And only on the frontend. I want to keep the labels working in the output.
I did get the placeholder containing the label/Caption working. But I couldn't remove the label itself. I tried using css in fieldtype.Textfield.cshtml, but I couldn't get it to work.
Has anybody got any suggestions?
A complicating factor is - I realize - that only using placeholders might not be good for screenreaders. Would there be a way to negate that?
Thanks for the reply. I am already using themes. But it is not clear to me how/if I could hide labels. Preferably while still alowing screenreaders to see the question.
Hiding fieldtype labels
Hello folks,
I would like to hide question-labels in my forms, and use placeholders instead. Not for all labels, only those of certain fieldtypes (like textfield). And only on the frontend. I want to keep the labels working in the output.
I did get the placeholder containing the label/Caption working. But I couldn't remove the label itself. I tried using css in fieldtype.Textfield.cshtml, but I couldn't get it to work.
Has anybody got any suggestions? A complicating factor is - I realize - that only using placeholders might not be good for screenreaders. Would there be a way to negate that?
Best, Jeroen
Hi Jeroen
You can create custom Umbraco form theme with the needed design. So you can hide labels and show only placeholders. Check out how to make a theme - https://our.umbraco.com/documentation/Add-ons/UmbracoForms/Developer/Themes/
Thanks,
Oleksandr Skrypnyk
Thanks for the reply. I am already using themes. But it is not clear to me how/if I could hide labels. Preferably while still alowing screenreaders to see the question.
Best, Jeroen
is working on a reply...
This forum is in read-only mode while we transition to the new forum.
You can continue this topic on the new forum by tapping the "Continue discussion" link below.