Paulo Zacarias
Rank: #389
7Views
4Comments
RTL not working on Input - Date or DateTime
Question
Reactive
Application Type
Reactive
Service Studio Version
11.10.4 (Build 36716)
Platform Version
11.10.0 (Build 22910)

Hello, 

I'm facing an issue related to RTL direction on a reactive application, specifically on inputs of type date and datetime.

All the other elements on the page have the expected behaviour. 

Here's the screenshot for the LTR direction, all normal:

And here's the screenshot for the RTL direction:

As you can see, the default prompt message doesn't change direction, even with specific CSS on enclosing container or using the !important property.

Has anyone come across the same scenario?

Best Regards, 

Paulo Zacarias


0
0
on 2020-12-28
Copy link to comment
Paulo Zacarias
Rank: #389

Hi again,
Attached is the test OML for reference.

Best Regards, 

Paulo Zacarias

test.oml

0
0
on 2020-12-28
Copy link to comment
Rahul Sahu
Rank: #89

Hi Paulo,

yes for input type date we have face this issue-

for this what i have done-

using this css

input.empty-input::before {
 width: 100%;
    content: attr(placeholder);
    color: #bfbdbd;
    -webkit-appearance: none;
    font-family: 'VAG Rounded Next W01';
    font-size: 16px;
    direction:rtl;
}

and provide this css on input date 

and you got-


Hope this will help you.

Regards

Rahul

0
0
on 2020-12-28
Copy link to comment