Show and Hide textfield/button using Checkbox
Hi all,
I have created dialog with some text fields. And I have added a button(CTA) i need to add one checkbox if that checkbox clicked then that button should disappear from page.
Hi all,
I have created dialog with some text fields. And I have added a button(CTA) i need to add one checkbox if that checkbox clicked then that button should disappear from page.
You can add one checkbox in dialog and on selection of it you can show/hide the button in Sightly.
Dialog
"items": {
"jcr:primaryType": "nt:unstructured",
"showbutton": {
"jcr:primaryType": "nt:unstructured",
"name": "./selected",
"text": "Show Button",
"value": "true",
"sling:resourceType": "granite/ui/components/coral/foundation/form/checkbox",
"renderReadOnly": true
}
Sightly
<sly data-sly-test.selected="${properties.selected}">
<button type="button">Click Me!</button>
</sly>
You can also refer Hide in Navigation checkbox of page in CRXDE : /libs/wcm/foundation/components/basicpage/v1/basicpage/tabs/basic/items/column/items/title/items/hideinnav
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.