Show hide items based on changing the dropdown in Universal editor | Community
Skip to main content
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by muskaanchandwani

Hello @dyanamic 

For Edge Delivery Blocks, UE allows to select different block options through dropdowns or select fields.

You can use the classes property or any other configurable field to toggle between layout or variant options.

By combining options in your block’s model.json, you can build logic into the rendering code (in JavaScript/CSS) to show or hide specific fields or block
elements :
- The block’s model can be configured with a select field whose value determines which sub-fields or areas are visible
- The rendering logic (in your block JS) can check the current value and add or remove fields

Reference :
https://experienceleague.adobe.com/en/docs/experience-manager-learn/sites/edge-delivery-services/developing/universal-editor/how-to/block-options

https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/implementing/developing/universal-editor/customizing#conditionally-hide

1 reply

muskaanchandwani
Adobe Employee
muskaanchandwaniAdobe EmployeeAccepted solution
Adobe Employee
April 23, 2025

Hello @dyanamic 

For Edge Delivery Blocks, UE allows to select different block options through dropdowns or select fields.

You can use the classes property or any other configurable field to toggle between layout or variant options.

By combining options in your block’s model.json, you can build logic into the rendering code (in JavaScript/CSS) to show or hide specific fields or block
elements :
- The block’s model can be configured with a select field whose value determines which sub-fields or areas are visible
- The rendering logic (in your block JS) can check the current value and add or remove fields

Reference :
https://experienceleague.adobe.com/en/docs/experience-manager-learn/sites/edge-delivery-services/developing/universal-editor/how-to/block-options

https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/implementing/developing/universal-editor/customizing#conditionally-hide