How to create a button to show/hide a text field

[bethen5]

I am very new to AEM and was wondering what is the best way to create a button to show/hide a text field?  Do you alter the existing button or create a new one?  Is there a code example?

[Harwinder-singh · Accepted solution]

@bethen5 Please refer to this article 

https://aemhints.com/2020/11/02/show-hide-fields-in-aem-dialog/

[BrianKasingli]

There is a standard practice for how to implement hide/show checkbox, you can find it here ->

Youtube: 79. Show/hide dialog fields with a Checkbox in AEM. - YouTube

Code: AEM/Developer course/checkbox-showhide.js at master · pankajchhatri/AEM · GitHub

[aanchal-sikka]

Hello @bethen5 

Aer you referring to Button and Text field in HTML page or Component Dialog?

[kautuk_sahni]

@bethen5 Did you find the suggestions from users helpful? Please let us know if more information is required. Otherwise, please mark the answer as correct for posterity. If you have found out solution yourself, please share it with the community.

[HrishikeshKa]

Hi @bethen5 ,

Follow the below step's in you local set up

https://experienceleague.adobe.com/docs/experience-manager-core-components/using/wcm-components/butt...

https://jimfrenette.com/aem/components/button-component/

Thanks!