How to implement Coral.SelectList() feature in Touch UI Dialog | Community
Skip to main content
C
chaithanya
New Participant
November 14, 2018
Solved

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

  • November 14, 2018
  • 6 replies
  • 1934 views

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.
    Best answer by arunpatidar

    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

    6 replies

    C
    chaithanyaAuthor
    New Participant
    November 16, 2018

    Hi Arun,

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

    Thanks

      arunpatidar
      arunpatidarAccepted solution
      New Participant
      November 14, 2018

      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
      T
      troubleshooter3
      New Participant
      September 29, 2023

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

      arunpatidar
      arunpatidar
      New Participant
      October 1, 2023

      you can try writing a custom script

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

      Arun Patidar
      C
      chaithanyaAuthor
      New Participant
      November 14, 2018

      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>

      C
      chaithanyaAuthor
      New Participant
      November 14, 2018

      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.

      Terms & ConditionsAccessibility statement

      Loading footer...