Changing the background color for DateTime control

[PradeepR9238 (Pradeep R)]

Hi All,

I have a requirement to change the background color of DateTime Control for particular field in a section(Not for Entire Application) from default white to different one, can anybody help me out to achieve this functionality.

PFA the expected results Screenshot

[RichardMarsot]

the styling comes from the input field configuration in the skin ruleform - you want all input fields to look consistent independently of their type (text, password, number…) -

the best practice is to override the combination mixin called ‘field’

if you change the background from white to yellow

there this is how the form will look like

if you want a special background just for the date time, you can use this CSS selector

INPUT[type=“text”].inactvDtTmTxt= {

background:red;

}

[PradeepR9238 (Pradeep R)]

HI Richard,

Thanks for your quick turn over on this thread, if I’m not wrong actually the above changes are applicable for the entire application.

But, I need to make changes for a particular Date Time control field in a section. Can you please provide some inputs on how to achieve this

Much Appreciated

Thanks

Pradeep

[duraisankar (Durai Sankar Ramasubbu)]

Hi Pradeep, if you want to add background color for specific date control, you can achieve with a custom class method.

Step 1 : Define custom class in the Advance presentation options of the required date control.

Step 2 : Add below CSS to the skin custom stylesheet.

.red-bg-input input{
  background:red; 
}

Result :

I hope this helps you. Let me know if you have any questions!

[PradeepR9238 (Pradeep R)]

Thanks A Lot duraisankar, it worked as intended. Much Appreciated:)

[NisargK0 (Nisarg Kothari)]

Worked for me as well. Thank you!