Expand my Community achievements bar.

Join us in celebrating the outstanding achievement of our AEM Community Member of the Year!
SOLVED

Set Select drop down value on dialog ready

Avatar

Level 3

I have a drop down called subject, I have 3 options in that drop down. How can I preselect the the option based on template or URL or any other thing so that author does not have to choose that option.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

@troubleshooter3,

For your requirement, with logic for pre-selecting the Granite UI dropdown, you can create a client-library with JS logic; with the category as cq.authoring.editor.hook. This when the client library is invoked, the custom JS logic will detect the template of the current page and will pre-select the drop-down options accordingly, but the logic will run only when the current drop-down value has NOT been set.

Making sure your client library have correctly set categories and dependencies:

 

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
    jcr:primaryType="cq:ClientLibraryFolder"
    allowProxy="{Boolean}true"
    categories="[cq.authoring.editor.hook]"
    dependencies="[cq.authoring.editor.core]"/>

 

 

View solution in original post

2 Replies

Avatar

Correct answer by
Community Advisor

@troubleshooter3,

For your requirement, with logic for pre-selecting the Granite UI dropdown, you can create a client-library with JS logic; with the category as cq.authoring.editor.hook. This when the client library is invoked, the custom JS logic will detect the template of the current page and will pre-select the drop-down options accordingly, but the logic will run only when the current drop-down value has NOT been set.

Making sure your client library have correctly set categories and dependencies:

 

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
    jcr:primaryType="cq:ClientLibraryFolder"
    allowProxy="{Boolean}true"
    categories="[cq.authoring.editor.hook]"
    dependencies="[cq.authoring.editor.core]"/>

 

 

Avatar

Level 3
Reading through JS from quite complex coral-select dropdown is some what little tough, do you have any short snippet on this?