SOLVED: Placeholder for easyform

bjorn_again · January 24, 2019, 11:34am

Is it possible to show placeholder text instead of labels with collective.easyform (or do I need to make a custom form)

zopyx · January 24, 2019, 11:40am

I would try to solve this problem with some Javascript code for scanning the labels and moving them as placeholder attributes into the related input field....or you customize easyform at all (which might be hard because it is based on z3c.form and the usual Plone field functionality).

djay · January 28, 2019, 2:59am

or you can solve it using diazo.

bjorn_again · January 28, 2019, 3:19pm

Would be nice to do it as a widget (since I might load the form with pat-inject.

When I look at

github.com

zopefoundation/z3c.form/blob/master/src/z3c/form/browser/text_input.pt#L35


                           tabindex view/tabindex;
                           onfocus view/onfocus;
                           onblur view/onblur;
                           onchange view/onchange;
                           readonly view/readonly;
                           alt view/alt;
                           accesskey view/accesskey;
                           onselect view/onselect;
                           size view/size;
                           maxlength view/maxlength;
                           placeholder view/placeholder;
                           autocapitalize view/autocapitalize;" />
</html>

it actually has a 'placeholder' entry, but I can not find this in the rendered page when I use this widget (I am sure I used the right widget, since I added another css class to it).

What am I missing ?

bjorn_again · January 28, 2019, 3:32pm

Changing the placeholder to use 'label' instead seems to do the trick:

       placeholder="${view/label}"