Skip to Content (Press Enter)
UserImage.jpg
Soon
20Views
2Comments
Solved
[OutSystems Data Grid] Make Display Value Align to Left (Normal Position) When Show Data Grid in Popup
Question
Reactive
Forge
outsystems-data-grid
Reactive icon
OutSystems Data Grid (O11)
Forge asset by OutSystems
Application Type
Reactive
Service Studio Version
11.54.69 (Build 63461)
Platform Version
11.22.0 (Build 39859)

When I display an OutSystems Data Grid in a pop up screen (using the Popup from OutSystemsUI), I found "filter by condition" has changed to text alignment to centre instead of left (as usual).

Same for "Filter by Value", where list of value has been aligned to centre too instead of left.


I cannot figure out which CSS element I need to change/update to correct this behaviour. Can anyone please help?

0
0
02 Sep 2024
Copy Link
UserImage.jpg
Soon
Solution

Appreciate your help! It is working but need to add "!important".

.wj-dropdown-panel.wj-listbox .wj-listbox-item,.wj-dropdown-panel .wj-control {

    text-align: left !important;

}

See solution in context
1
0
03 Sep 2024
Copy Link
2025-07-28 06-45-20
Rupesh Patil

Hello @Soon 

Try this CSS

.wj-dropdown-panel.wj-listbox .wj-listbox-item,.wj-dropdown-panel .wj-control {

    text-align: left;

}

if you added any inline css text-align center plz remove

I hope this helps

Thanks

1
0
02 Sep 2024
Copy Link
UserImage.jpg
Soon
Solution

Appreciate your help! It is working but need to add "!important".

.wj-dropdown-panel.wj-listbox .wj-listbox-item,.wj-dropdown-panel .wj-control {

    text-align: left !important;

}

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