How to show a preselect tag on dropdown tags?

Back to Forums

Tamirys Silva Barina

Solved

Question

Reactive

OutSystems UI Patterns

Hi all, I need some help with this...

By default, I wanna show only Claims with Submitted status. I'm already filtering my list, but I wanna show on UI that submitted status is selected.

It is like this at the moment:

What I wanna achieve is showing this tag as default here:

I'm working on Reactive web app. Thanks!

14 May 2020

Benjith Sam

MVP

Solution

Hi Tamirys Barina,

I created a small application based on your requirement.

Check this: DropdownTags Sample App (Displaying Student record studying in CSE department)

You will have to map the SelectedItemsList property of the DropdownTags widget:

PFA - .oml solution file

Hope this helps you!

Regards,

Benjith Sam

See solution in context

ReactiveDropdownTagApp.oml

14 May 2020

3 replies

Last reply 30 Jun 2020

Show thread

Hide thread

Tamirys Silva Barina

Benjith Sam wrote:

Hi Tamirys Barina,

I created a small application based on your requirement.

Check this: DropdownTags Sample App (Displaying Student record studying in CSE department)

You will have to map the SelectedItemsList property of the DropdownTags widget:

PFA - .oml solution file

Hope this helps you!

Regards,

Benjith Sam

Thanks a lot, I will try to map as you did. :)

14 May 2020

Benjith Sam

MVP

Tamirys Barina wrote:

Thanks a lot, I will try to map as you did. :)

You're most welcome, Tamirys Barina :)

Glad I could be of help!

Regards,

Benjith Sam

14 May 2020

Abid Mumtaz

Benjith Sam wrote:

Hi Tamirys Barina,

I created a small application based on your requirement.

Check this: DropdownTags Sample App (Displaying Student record studying in CSE department)

You will have to map the SelectedItemsList property of the DropdownTags widget:

PFA - .oml solution file

Hope this helps you!

Regards,

Benjith Sam

Hi Benjith,

Can you please show me how you set up the "Mapping from Department to DropdownItem" to appear in the properties my instance of the Dropdown Tag does not show these options to map the Value and Text (as you have Mapped Department.Id and Department.Label

As you can see from my screen shot below my propeties do not give me the option to map the Value and Text (as in your screen does) How do I set up the missing mapping properties?

Kind Regards,

Abid

30 Jun 2020

Manish Jawla

MVP

Hi,

Please check the below post:

https://www.outsystems.com/forums/discussion/53647/dropdown-tags-duplicate-reactive-web-app/

this might help you.

I have attached the sample oml as well.

DropdownTagsClear.oml

14 May 2020

Benjith Sam

MVP

Solution

Hi Tamirys Barina,

I created a small application based on your requirement.

Check this: DropdownTags Sample App (Displaying Student record studying in CSE department)

You will have to map the SelectedItemsList property of the DropdownTags widget:

PFA - .oml solution file

Hope this helps you!

Regards,

Benjith Sam

ReactiveDropdownTagApp.oml

14 May 2020

3 replies

Last reply 30 Jun 2020

Show thread

Hide thread

Tamirys Silva Barina

Benjith Sam wrote:

Hi Tamirys Barina,

I created a small application based on your requirement.

Check this: DropdownTags Sample App (Displaying Student record studying in CSE department)

You will have to map the SelectedItemsList property of the DropdownTags widget:

PFA - .oml solution file

Hope this helps you!

Regards,

Benjith Sam

Thanks a lot, I will try to map as you did. :)

14 May 2020

Benjith Sam

MVP

Tamirys Barina wrote:

Thanks a lot, I will try to map as you did. :)

You're most welcome, Tamirys Barina :)

Glad I could be of help!

Regards,

Benjith Sam

14 May 2020

Abid Mumtaz

Benjith Sam wrote:

Hi Tamirys Barina,

I created a small application based on your requirement.

Check this: DropdownTags Sample App (Displaying Student record studying in CSE department)

You will have to map the SelectedItemsList property of the DropdownTags widget:

PFA - .oml solution file

Hope this helps you!

Regards,

Benjith Sam

Hi Benjith,

As you can see from my screen shot below my propeties do not give me the option to map the Value and Text (as in your screen does) How do I set up the missing mapping properties?

Kind Regards,

Abid

30 Jun 2020

Salman Ansari

Tamirys Barina wrote:

Hi all, I need some help with this...

By default, I wanna show only Claims with Submitted status. I'm already filtering my list, but I wanna show on UI that submitted status is selected.

It is like this at the moment:

What I wanna achieve is showing this tag as default here:

I'm working on Reactive web app. Thanks!

Idea is you need to use "SelectedItemList" option from drodown tag widget to show your selected items.

more details you can refer below sample application how you can use that widget.

https://www.outsystems.com/forge/component-overview/8385/dropdown-tags-demo-example

14 May 2020

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

See the full guidelines