Rtl
Application Type
Mobile

how to change the direction of input and icon? I need first should come icon and next should come date format..is it possible?

mvp_badge
MVP

Hi Karthick,

What widget are you using there?

Input widget with datatype datetime.. i should use this only.

Hello Karthick,

Use this CSS

input[type="date"]::-webkit-calendar-picker-indicator {

    left:0;

    position:absolute;

}

input[type="date"]{

    text-align:right;

}

https://marcio-carvalho4.outsystemscloud.com/PreviewInDevices/?IsMobilePreview=True&DeviceName=Smartphone&URL=/Date/Screen1?_ts=637630891244851334

Give it a try and tell me if it worked

Best regards,

Márcio


Date.oml

Hello Karthick M ,

You directly implement using input with icon widget which is already present in outsystems.

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Traditional_Web_Patterns/Controls/Input_with_Icon

Please check with documentation for clarification if you used this you don't need any CSS or extra effort

Thanks,

Akshay Deshpande

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