Skip to Content (Press Enter)
UserImage.jpg
Daliah Daud
23Views
4Comments
Solved
[Drop Down Tags & Dropdown Search] dropdown tag concate selected value
Question
Reactive
Forge
Application Type
Reactive
Service Studio Version
11.54.39 (Build 63034)

Hi,

I have used dropdowntags component.


Can you help me to concate the selected word? For example, user choose Competitive Bidding, in dropdown will appear Competitive ... after user ticked it, but in the menu item options, need to display Competitive Bidding.

0
0
02 Jan 2024
Copy Link
2024-05-08 06-29-37
Prince Aadil Khan Panwar
Solution

Hi Daliah Daud,

try to give this css to the values child

.vscomp-value-tag  {

 width: 50%;    

overflow: hidden;   

 text-overflow: ellipsis; 

}

change the width acording your requirements

sample - Sample

hope this will help

Thanks

Prince

1
0
02 Jan 2024
Copy Link
UserImage.jpg
Daliah Daud

Hi @Prince Aadil Khan Panwar,

its work. Thanks a lot for your time & help!

But if buyer choose 1 option only, the value tag will look like this


Can you help me, if user tick 1 option, the size of value tag will be same like this


Thanks in advance, wish you a good health.

0
0
02 Jan 2024
Copy Link
UserImage.jpg
Daliah Daud

Hi @Prince Aadil Khan Panwar , this is a solution that I got.

.vscomp-value:has(.more-value-count) .vscomp-value-tag {
    width: 45%;
} 

so that if user click 1 option, the tag will show full width. If more than 1 selected, the tag will be like this. 


Thanks a lot for your help

0
0
02 Jan 2024
Copy Link
2024-05-08 06-29-37
Prince Aadil Khan Panwar

okay. any time

0
0
02 Jan 2024
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.