Expand my Community achievements bar.

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?