Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

How to implement Coral.SelectList() feature in Touch UI Dialog

chaithanya
Level 1
Level 1

Hi

We got requirement to implement multi select feature similar to coral.selectList , could you please provide the steps or reference to implement.

Thanks

1 Accepted Solution
Arun_Patidar
Correct answer by
Community Advisor
Community Advisor

Hi,

You need to get the list from datasource similar like dynamic list from select dropdown

e.g. aem63app-repo/HelloWorldCompDDServlet.java at master · arunpatidar02/aem63app-repo · GitHub

You can create your dialog like below

Screenshot 2018-11-14 at 10.33.26 PM.png

Screenshot 2018-11-14 at 10.36.25 PM.png

Screenshot 2018-11-14 at 10.33.41 PM.png

View solution in original post

6 Replies
chaithanya
Level 1
Level 1

Hi Arun,

I already checked that, but there is no "selectlist" under "/granite/ui/components/coral/foundation/form" to give to sling:resourceType. Let me know your thoughts.

chaithanya
Level 1
Level 1

Hi Arun,

Requirement is similar to have like below. Please check coral.selectList() multi select option. It would be great if you can help me on getting the below sample in touch UI

<coral-selectlist multiple>
 
<coral-selectlist-item>Africa</coral-selectlist-item>
 
<coral-selectlist-item>America</coral-selectlist-item>
 
<coral-selectlist-item>Asia</coral-selectlist-item>
 
<coral-selectlist-item>Europe</coral-selectlist-item>
 
<coral-selectlist-item>Oceania</coral-selectlist-item>
</coral-selectlist>

Arun_Patidar
Correct answer by
Community Advisor
Community Advisor

Hi,

You need to get the list from datasource similar like dynamic list from select dropdown

e.g. aem63app-repo/HelloWorldCompDDServlet.java at master · arunpatidar02/aem63app-repo · GitHub

You can create your dialog like below

Screenshot 2018-11-14 at 10.33.26 PM.png

Screenshot 2018-11-14 at 10.36.25 PM.png

Screenshot 2018-11-14 at 10.33.41 PM.png

View solution in original post

chaithanya
Level 1
Level 1

Hi Arun,

I have updated the coral ui styles and achieved my requirement. Thanks for your support.

Thanks