How to add a Placeholder to Text Area in UI designer forms

Q&A
1

Hi
I am trying to add a placeholder to the Text Area in the UI designer Forms.

Normal Input widgets have placeholder property but Text Area does not .

How to add that Property to text area .

Do we need to use css ? Please suggest a way to add that.

Regards

2

Hi,
You may have to make a copy of the Text Area widget to create a custom widget. I have an example and once I figure out where to put the example I will link to it here.

3

I was trying to add it to our git repository but in the meantime you can download it from my drop box

https://www.dropbox.com/s/wjsiwac8hqh1xwv/widget-TextAreaPlaceholder.zip?dl=0

4

Hi Joe
Any luck with the placeholder.

Could you tell me how I can edit the Current Text Area Widget.
perhaps I can see the Settings used for Input Widget and use the same in the text Area.

Thanks

5

To extend a widget first open it in UI Designer by opening a browser to:

http://localhost:8080/designer/#/en/widget/pbTextArea

The format for the other widgets follow the same pattern. Then “Save as” a copy and edit your custom widget.

6

Thanks a lot.