Have chips like feature for user input (multiple values)

0
Hi All,   I'm trying to implement a solution for the below scenario, we want users to enter multiple values onto 1 input element that will have them displayed as chips with cancel option. I've searched for custom widgets and solutions, nothing matches the scenario.   Any suggestions would be helpful.   Thanks, Sridevi 
asked
6 answers
7

Hello Sridevi, 

You are trying correctly,

-Style the template grid to appear inline with the input field ,

-Make tags look like chips/bubbles.

.tag-chip {    

display: inline-block;    

background: #e0e0e0;    

border-radius: 16px;    

padding: 4px 12px;    

margin: 4px;  

}

Try with above approach. 

Thanks!!!! 

answered
0

Hi Sridevi,

I am not able to understand what you exactly want 

Could you please attach some screenshot?

answered
0

download (1).png

Similar to this. User enters some value and on a button click, it gets added like the ones above with a cancel option, I tried the same with a template grid but that would display the values outside of the user input box. But, that's the closer I have gotten yet. 

Combo box widget is there but its a selector so it doesn't solve the ask.

answered
0

Hi Sridevi,

You can use LabelSelector check the below 👇 link

https://marketplace.mendix.com/link/component/292/Mendix/Label-Selector

answered
0

Hi sridevi,

 

Try this Widget links below,

Combo box is more flexible

Mendix Marketplace - Combo box 

Mendix Marketplace - Tag Selector

answered
0

Thanks everyone, for now, I'm going ahead with the template grid and custom styling.

answered