Topic: Multiselect
dcoderk priority asked 5 years ago
Expected behavior I would like to ask how to make the Multi select component to show horizontally? not dropdown as the default
Actual behavior dropdown default
Resources (screenshots, code snippets etc.)
Marta Wierzbicka staff answered 5 years ago
Hi,
At the moment I can offer you this solution: https://mdbootstrap.com/snippets/jquery/marta-szymanska/562030?view=standard or this https://mdbootstrap.com/snippets/jquery/marta-szymanska/561988?view=standard. With our current javascript code of Material Select and Multiselect, I can't provide anything more with not doing significant changes.
Best, Marta
Marta Wierzbicka staff answered 5 years ago
Hi,
fine, I understand. We will try to create something like this.
Best, Marta
dcoderk priority commented 5 years ago
ok looking forward on that
thank you
Marta Wierzbicka staff commented 5 years ago
You're welcome.
dcoderk priority answered 5 years ago
actually not just two rows when you add more option it add more row so it gonna be 5-6 column with unlimited row
looking forward on that
Marta Wierzbicka staff answered 5 years ago
Hi,
we don't have two rows option for select. I added this idea to our tasks board and we will think about create such a select.
Best,Marta
dcoderk priority commented 5 years ago
not just two rows it add more row when you add more option is that possible?
dcoderk priority answered 5 years ago
hi this one work but not what i want to achieve try this CSS: .dropdown-content { display: flex; }. that solution only display 1 row and if i add more item it just add on that row
I want something that only 5-6 option in 1 row and when you add more the other option create a new row.
Is this possible? pls. check again my sample screenshot i want to achieve
kind regads
Marta Wierzbicka staff answered 5 years ago
Hi,
do you mean you want to have, eg. to material selects align horizontally or you need to align options after choose horizontally, like here: https://codepen.io/nsuthar0914/pen/pbgxWo. Please, describe your problem in details more clearly. I'll try to help you.
Best, Marta
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB jQuery
- MDB Version: 4.7.4
- Device: mobile, desktop
- Browser: chrome,firefox,opera
- OS: ubuntu 18.04, windows, mac
- Provided sample code: No
- Provided link: No