Solved

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

10 replies
1997 views
Translate All

Hi

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

Thanks

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

arunpatidarAccepted solution

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

Arun Patidar

arunpatidar

Community Advisor

Hi,

Please check https://helpx.adobe.com/experience-manager/6-3/sites/developing/using/reference-materials/coral-ui/coralui3/Coral.SelectList.html

Translate

Arun Patidar

C

chaithanyaAuthor

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.

Translate

arunpatidar

Community Advisor

You need to implement using autocompleteList

Autocomplete — Granite UI 1.0 documentation

AutocompleteList — Granite UI 1.0 documentation

https://aemlab.blogspot.com/2018/08/searchfilter-touch-ui-dialog-dropdown.html

Translate

Arun Patidar

C

chaithanyaAuthor

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>