16
Views
7
Comments
Solved
Reactive web - Dropdown Tags Customize UI

Hi all,

I'm using dropdown tags for this req

Do you know how to move check box to right of dropbox?

I've tried to clone the widget to customize it and using 'SetVirtualSelectConfigs' to custom it but there is no option change position of checkbox, If I use 'Right to left' text it move all items to right side, I only want to move the checkbox, also add border to drop box as a table.

thank you.

2021-09-06 15-09-53
Dorine Boudry
 
MVP
Solution

Hi @Bella Nguyen ,

this CSS seems to work, but I haven't done any thorough testing :


div.vscomp-option span.checkbox-icon,

.vscomp-search-container .vscomp-toggle-all-button {  

       position: absolute;            right: 10px; }

Dorine

UserImage.jpg
Bella Nguyen

Thank you, I've tried and it's solved my issue.

2026-02-16 05-51-10
Sahana K
Solution

Hi,
Trying to achieve this one,
Before css you add custom class before the outsystem default class



Thanks,

sahana


UserImage.jpg
Bella Nguyen

thank you, I tried your solution, the checkbox moved to right but it left more space before option text, I used position: absolute instead.


2026-02-16 05-51-10
Sahana K
Solution
UserImage.jpg
Bella Nguyen
2025-03-19 16-40-14
Bernardo Laborde

Hi, 

Have you tried to use Columns 2 and create 2 containers and in the container on the left(where your number will be) you align it to the left and in the container on the right(where the checkbox will be) you align it to the right

2021-09-06 15-09-53
Dorine Boudry
 
MVP
Solution

Hi @Bella Nguyen ,

this CSS seems to work, but I haven't done any thorough testing :


div.vscomp-option span.checkbox-icon,

.vscomp-search-container .vscomp-toggle-all-button {  

       position: absolute;            right: 10px; }

Dorine

UserImage.jpg
Bella Nguyen

Thank you, I've tried and it's solved my issue.

2026-02-16 05-51-10
Sahana K
Solution

Hi,
Trying to achieve this one,
Before css you add custom class before the outsystem default class



Thanks,

sahana


UserImage.jpg
Bella Nguyen

thank you, I tried your solution, the checkbox moved to right but it left more space before option text, I used position: absolute instead.


2026-02-16 05-51-10
Sahana K
Solution
UserImage.jpg
Bella Nguyen
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.