51
Views
7
Comments
Solved
[OutSystems UI] DropdownSearch RTL
outsystems-ui
Reactive icon
Forge component by Gonçalo Martins
Application Type
Reactive

Hello,

There is some way to have the Dropdown Search RTL? With the CSS doesn't work well.

Thanks

Solution

Hello @Outsystems Unlockers 👋🏻

Can you please share an oml with your implementation (no business logic from your project)?
I just ran a quick test and it works fine for both:

Dropdown Search:Dropdown Tags:

Cheers,
GM


EDIT: Attached is an example of the way RTL should be applied

TestsForum.oml

Hello,

It seems this solution works only for one or some locales.

For example "he-IL" doesn't work. Can you confirm?

Solution

Hello,

I shared the oml so you can try it and, this is the way the platform works with multilanguage. 
Basically, it seems like the platform is not considering Hebrew as RTL and that is out of the scope of OutSystems UI (will try to check it internally).

However, you can still achieve this through extensibility by calling the client action SetVirtualSelectConfigs with the textDirection = "rtl":

Check the oml attached.

Cheers,
GM

TestsForum2.oml

Hi @Gonçalo Martins,

Weird because I'm sure one year ago I saw the RTL working when set hebrew with SetLocale, something was changed.

The approach with SetVirtualSelectConfigs works but in my case I have the dropdown inside a list, I have to isolate the Dropdown in WebBlock.

Thanks a lot for your help :)

Hello @Outsystems Unlockers 

I did some more tests and, if you have at least one literal translated for the Hebrew locale it will work. So it's even simpler :) 

Cheers,
GM


Solution

Hello,

I shared the oml so you can try it and, this is the way the platform works with multilanguage. 
Basically, it seems like the platform is not considering Hebrew as RTL and that is out of the scope of OutSystems UI (will try to check it internally).

However, you can still achieve this through extensibility by calling the client action SetVirtualSelectConfigs with the textDirection = "rtl":

Check the oml attached.

Cheers,
GM

TestsForum2.oml
Champion

Hello

This is a relatable for the same, nit exactly for dropdown tag, but it is there for dropdown

Maybe you can take a reference and see if it works for you

Thanks
Tousif

Solution

Hello @Outsystems Unlockers 👋🏻

Can you please share an oml with your implementation (no business logic from your project)?
I just ran a quick test and it works fine for both:

Dropdown Search:Dropdown Tags:

Cheers,
GM


EDIT: Attached is an example of the way RTL should be applied

TestsForum.oml

Hello,

It seems this solution works only for one or some locales.

For example "he-IL" doesn't work. Can you confirm?

Solution

Hello,

I shared the oml so you can try it and, this is the way the platform works with multilanguage. 
Basically, it seems like the platform is not considering Hebrew as RTL and that is out of the scope of OutSystems UI (will try to check it internally).

However, you can still achieve this through extensibility by calling the client action SetVirtualSelectConfigs with the textDirection = "rtl":

Check the oml attached.

Cheers,
GM

TestsForum2.oml

Hi @Gonçalo Martins,

Weird because I'm sure one year ago I saw the RTL working when set hebrew with SetLocale, something was changed.

The approach with SetVirtualSelectConfigs works but in my case I have the dropdown inside a list, I have to isolate the Dropdown in WebBlock.

Thanks a lot for your help :)

Hello @Outsystems Unlockers 

I did some more tests and, if you have at least one literal translated for the Hebrew locale it will work. So it's even simpler :) 

Cheers,
GM


So, that's it. I remember in the past I did with translations, you are right :)

Thanks for your support

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