Show/Hide field of Checkbox in touchui aem 6.2

[canhn32847157]

Hi guys,
I am working in touch ui aem 6.2.
i have a issue: show/hide field of checkbox not work

<showhide
     jcr:primaryType="nt:unstructured"
     sling:resourceType="granite/ui/components/foundation/form/checkbox"
     text="Do you want to show field?"
     value="true"
     class="showhide"
     name="./isShowField"
     showhide-target=".showhide-field" />
<content
     jcr:primaryType="nt:unstructured"
     sling:resourceType="granite/ui/components/foundation/container"
     class="showhide-field"
     showhide-target-value="true">
     <items jcr:primaryType="nt:unstructured">


     </items>        
</content>   

Why does it not work?
Can anybody help me?

Thanks,

[kautuk_sahni · Accepted solution]

Hi

Did you check this :- AEM Components for the Touch-Optimized UI - docs.adobe.com  ?

Also here is one git example :- AEM 6 Touch UI Show/Hide Checkbox Component Extension - Extension to the standard checkbox component...

Another community article :- http://aempodcast.com/2016/javascript/simple-touch-ui-dialog-extensions-aem/#.WUJs3lWGPRY

Similar question was asked on stackoverflow :- adobe - Conditionally enable/disable fields in AEM 6.1 (granite.ui) TouchUI dialogs - Stack Overflow

I hope this would help you.

~kautuk

[canhn32847157]

Thanks kautuksahni,
I work follow http://aempodcast.com/2016/javascript/simple-touch-ui-dialog-extensions-aem/#.WUJyY3595XV
It was worked.

More reference:
acs-aem-commons/showhidedialogfields.js at master · Adobe-Consulting-Services/acs-aem-commons · GitH...

Thanks all!