I have to use multiselect dropdown in lightning which should show options like : enter image description here

But its showing options in a single line.

How to show all options in multiselect

  <ui:inputSelect multiple="true">
        <ui:inputSelectOption text="All Primary" label="All Contacts"/>
        <ui:inputSelectOption text="All Primary" label="All Primary"/>
        <ui:inputSelectOption text="All Secondary" label="All Secondary"/>



                <ui:inputSelectOption text="Any"  value="true1"/>
                <ui:inputSelectOption text="Open" value="true2"/>
                <ui:inputSelectOption text="Closed"  value="true3"/>
                <ui:inputSelectOption text="Closed Won"  value="true4"/>

  • 1
    Increase the height of the component using CSS and add slds-scrollable--y styleclass to the component. – Bala Mar 6 '17 at 10:09
  • 1
    Use Control button to select multiple option – Tariq Mar 7 '17 at 12:32
  • @Bala Thnx.. its working – Brian Mar 7 '17 at 14:27
  • mind posting the snippet please? I am on the same boat, but not able to catch the hint :-( – Lightning Evangelist Jun 5 '17 at 20:28

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.