Question
Accenture
IN
Last activity: 23 Oct 2020 1:51 EDT
Changing the background color for DateTime control
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
Accepted Solution
Updated: 22 Oct 2020 1:13 EDT
Capgemini
NO
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!
Pegasystems Inc.
US
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;
}
Accenture
IN
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
Accepted Solution
Updated: 22 Oct 2020 1:13 EDT
Capgemini
NO
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!
