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

[chaithanya]

Hi

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

Thanks

[arunpatidar]

Hi,

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

[chaithanya]

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.

[arunpatidar]

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

[chaithanya]

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>

[arunpatidar · Accepted solution]

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

[troubleshooter3]

@arunpatidar  how would you do this today when autocomplete and autocomplete-list are deprecated? 

[arunpatidar]

you can try writing a custom script

https://blogs.perficient.com/2019/05/03/how-to-add-a-filter-to-aem-granite-select-widget/ 

[troubleshooter3]

@arunpatidar  How well it is for lets say we have 10000 of values coming through a remote API and i putting them all in coral-select and applying a filter on it? is that really feasible ?

[arunpatidar]

Hi,
It is possible from technical side but from usability side, not a good option.

Rather than create something category and subcategory or alphabetical filtering first.

[chaithanya]

Hi Arun,

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

Thanks