How to add placeholder text to Dropdown in Component

Question

Hi Team, I'm creating a component with dropdown value. There I've added 2 values in dropdown from that one value is always selected. But I don't want that, I just want my dropdown empty when I add component to page. So is there a way I can add placeholder text or default value other than my original values ?? Form resource type is : granite/ui/components/coral/foundation/form/select
 
Thanks!

arunpatidar · Accepted Answer

Hi,The property called emptyText to add placeholder text, e.g.emptyText = "Placeholder text..."https://developer.adobe.com/experience-manager/reference-materials/6-5/granite-ui/api/jcr_root/libs/granite/ui/components/coral/foundation/form/select/index.html

nitesh_kumar-1 · Answer

Hi @tessa_learner1 ,

You can add a "default" option (placeholder text) and set the selected property for it, this can work as a placeholder when the dropdown is displayed.

Please check this thread for implementation details.

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-6-5-default-value-setup-in-select-component/m-p/351191

Hope this helps!

Regards,

Nitesh

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded