Topic: improving select component/plugin
Expected behavior
allow select to :
pick multiple "tags"
allow integration of remote data "Seamlessly" with data / autocomplete
Actual behavior
no multiple tags (with X to get rid of specific tag)
remote integration somehow tricky
Resources (screenshots, code snippets etc.)
Add functionality as select2 (select2.org) plugin - its for jquery but you get the idea
Sami
Can you say more about these? especially on point 2. It will be easiest if you provide an example.
sody pro premium priority commented 3 years ago
Hi, 1. Tags is obvious, no? 2. Remote integration is problematic specially with options recieved from server with "selected" which causes problems to change selection via js (tested in jquery env). 3. I didnt mention but i cant find docu to style elements directly without having to css/div .. its not straight.
Maybe there are solutiins but all not straight..
Sami
- I think you mean multiselect: https://mdbootstrap.com/docs/standard/forms/select/#section-multiselect
- You must describe exactly what your problem is. It's best if you create a snippet and write exactly what doesn't work for you.
- At the moment, we do not provide ready-made additional styles/templates or skins that will allow you to change the appearance of select. Changes should be made on your own by adding appropriate CSS styles
sody pro premium priority commented 3 years ago
- what i actually meant is like select2 - pilled selects , so here:
https://select2.org/getting-started/basic-usage#multi-select-boxes-pillbox
choosing multiple options gives tag like (as when you open ticket and add tags)... in the link its choose from given list, but it should also aloow (on demand by options or so) to choose tags not in the list.
i'll create a snippet and send you.
pitty.. its a must have option to be able to customize the look and the text and maybe add avatars as in select2:
sami
This looks like ours chips with autocomplete feature. I Add this to ours idea list. We will discuss it in the team and maybe we add this feature.
We have a similar feature: https://mdbootstrap.com/docs/standard/forms/select/#section-icons
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 3.9.0
- Device: desktop
- Browser: chrome
- OS: windows10
- Provided sample code: No
- Provided link: No