Using Component Model data to show/hide fieldset in component Dialog

[Theo_Pendle]

Hi guys so I have a task and I am not just looking for a solution, but hopefully the most efficient. So I have a component that needs to get data (boolean variable) for the page/template properties then using that, we can show/hide certain fields within the dialog.

So let's say in the template I am using I have a checkbox with a property that says include feature, now what I want is for a particular component, Say heading&summary to be able to grab that page property and use it to show/hide options on my Heading&Summary component.

How can I achieve this? I stumbled up a granite feature renderCondition and I am not sure if this is one of the case I can use, say maybe implementing "Simple" condition. 

You assistance would be appreciated. thanls

[Theo_Pendle]

Hi, I decided to turn my answer into a tutorial. I sent it off for publication, should be ready in -+/ 24h 🙂

[neos45149736 · Accepted solution]

Hello,

. I wrote a tutorial on creating custom render conditions (can be done in 10 mins) here: https://levelup.gitconnected.com/aem-creating-custom-granite-render-conditions-28a21958f420. In the tutorial you will learn to show or hide a component property in the edit dialog based on the navigation title of the containing page (you can then quite easily change it to consider a different page property of your choosing).

Hope it helps 👍

[neos45149736 · Accepted solution]

Thanks, sounds like what I am looking for, about to have a read so I will give an update ASAP

[neos45149736 · Accepted solution]

Best!! This is exactly what i wanted. Works beautifully and now at least going foward I can create my own custom rendor conditions.

[Theo_Pendle · Accepted solution]

Happy to help 🙂

[#7]

The following links may be helpful:

https://docs.adobe.com/content/help/en/experience-manager-65/developing/components/hide-conditions.h...

https://levelup.gitconnected.com/aem-conditionally-show-or-hide-fields-in-touchui-dialogs-with-coral...

https://adobe-consulting-services.github.io/acs-aem-commons/features/ui-widgets/show-hide-widgets/in...

https://gist.github.com/rjspiker/003cf9eac1e853bb109a

https://blogs.perficient.com/2019/01/03/how-to-show-hide-page-properties-based-on-page-template-in-a...

http://aemcases.blogspot.com/2019/01/touch-ui-hideshow-fields-inside-coral-3.html