86
Views
4
Comments
Solved
[OutSystems UI] How to make dropdown tag first selected value stays on top
outsystems-ui
Reactive icon
Forge asset by OutSystems
Application Type
Reactive

Hello, 
How can i make DropdownTag First in first out. The first selected value must stay on top and the new selected value should added below the list because the normal behavior of DropdownTag is it is arrange depends on the selected displayed

current behavior

i selected 1 2 3 but it still displaying depends on how the OptionsSelection is displayed. is there any js should i put inside my code

2022-11-12 11-28-30
Gonçalo Martins
Staff
Solution

Hello @Jehu Ombrog 

The option provided by the Virtual Select library that is used on both Dropdown Search and Tags is the property showSelectedOptionsFirst

You can use the extensibility capabilities by calling the client action SetVirtualSelectConfigs in the on-initialize event of the dropdown and setting showSelectedOptionsFirst = Entities.BooleanTypes.True :

Hope it helps!

Cheers,
GM




UserImage.jpg
Craig Rodrigues

@Jehu Ombrog Hello , 
I don't think this is possible using outsystems component. 

If this is needed you will have clone the component and add you're logic needed to manipulate the javascript accordingly.

As a outsystems uses the virtual select and from documentation 

https://sa-si-dev.github.io/virtual-select
If you find any valid property which does this , do let me know. 
The way you change the property value 
1)Launch an On ready or On render event

2)Add JavaScript 

3)Inside the JavaScript use the code snippet below 

OutSystems.OSUI.Patterns.DropdownAPI.ChangeProperty(    
$parameters.UniqueId,     
$parameters.PropertyName,    
$parameters.PropertyValue );

2023-06-06 10-13-52
Rishabh Chawda

Hi @Jehu Ombrog

 
Could you please share your OML file with me so that I can better understand your work and assist with resolving the issue?

Thanks.

UserImage.jpg
Ravichand GY

Hi Jehu Ombrog,

I'm attaching my Oml so i Hope it solves your problem. check it out !!

Regards,

Ravichand GY

Custom_DropDown.oml
2022-11-12 11-28-30
Gonçalo Martins
Staff
Solution

Hello @Jehu Ombrog 

The option provided by the Virtual Select library that is used on both Dropdown Search and Tags is the property showSelectedOptionsFirst

You can use the extensibility capabilities by calling the client action SetVirtualSelectConfigs in the on-initialize event of the dropdown and setting showSelectedOptionsFirst = Entities.BooleanTypes.True :

Hope it helps!

Cheers,
GM




Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.