Apply styling or color for input field dynamically
Application Type
Reactive
Service Studio Version
11.51.6 (Build 57804)

Hi Team,

I have a scenario :

when I type input it should change the color according to requirement. when I type $ it should be automatically red , and when I type numbers it should be black and for comma it should be red,  after saving also it should in same format...

How can I achieve this ? Please assist

Thanks

mvp_badge
MVP
Solution

Hi Nandini,


I have made sample oml for you as per you requirement.

Demo URL  click here to see demo


Also you can add more validation as per you need.


Hope this will help you. 


Regards

Rahul

OSTest.oml

Thanks for the Quick solution ,

but when I try to save its not saving in the particular format.


Thanks 

mvp_badge
MVP

Hi Nandini,

I have provide you only sample not full solution as you want , you can add more format and validation as per your need ,

you want a color on $ and , other than black so its working other then you can add .


Regards

Rahul

Got your point & Marked as solution.


Thanks

Hi Maria,


Thanks for the reply ,

I have used mask for currency format , but I need styling for that as I mentioned above, please let me know if have any solution for that 


Thanks 

mvp_badge
MVP
Solution

Hi Nandini,


I have made sample oml for you as per you requirement.

Demo URL  click here to see demo


Also you can add more validation as per you need.


Hope this will help you. 


Regards

Rahul

OSTest.oml

Thanks for the Quick solution ,

but when I try to save its not saving in the particular format.


Thanks 

mvp_badge
MVP

Hi Nandini,

I have provide you only sample not full solution as you want , you can add more format and validation as per your need ,

you want a color on $ and , other than black so its working other then you can add .


Regards

Rahul

Got your point & Marked as solution.


Thanks

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