Question
CVS Pharmacy
CVS Pharmacy
US
CVS Pharmacy
Posted: Oct 25, 2016
Last activity: Oct 31, 2016
Last activity: 31 Oct 2016 16:26 EDT
Closed
Change the style for DateTime field
Detailed Description
We want to change the style for date time fields but couldn't find any point in Skin rules or pxDateTime control either where we can change the style of date time value only; not label of date time field. Please check the First Name field for your reference in the attached screen shot Untitled.png.
Steps to Reproduce
1. Create any section which is included in Harness.
2. Include one Date/DateTime field in the section.
3. use pxDateTime control.
2. Include one Date/DateTime field in the section.
3. use pxDateTime control.
Show More
Detailed Description
We want to change the style for date time fields but couldn't find any point in Skin rules or pxDateTime control either where we can change the style of date time value only; not label of date time field. Please check the First Name field for your reference in the attached screen shot Untitled.png.
Steps to Reproduce
1. Create any section which is included in Harness.
2. Include one Date/DateTime field in the section.
3. use pxDateTime control.
4. Open application Skin rule and try to find any configuration for DateTime field style change
2. Include one Date/DateTime field in the section.
3. use pxDateTime control.
4. Open application Skin rule and try to find any configuration for DateTime field style change
Error Message
No error message
Attempted Solutions
1.
-- Create a CSS class to put it into application rule.
--Use that CSS class on advance presentation option of configuration panel (Cell read-only classes)
-- Create a CSS class to put it into application rule.
--Use that CSS class on advance presentation option of configuration panel (Cell read-only classes)
***Updated by Moderator: Marissa to the group tag SR Exists***
Show Less
Posted: 8 years ago
Sun Life
Sun Life
CA
If your date value is always going to be read-only, you could use a FormattedText control instead of a date control. Then set "Format" to "Date" under the presentation tab.
The FormattedText control allows you to select a style for both the label and the control.
If you need to use the DateTime control (i.e. you need to be able to switch between enabled and disabled), then the control in read-only mode of the date value uses the "Standard" default value specified in the skin.
If you don't want to use that Standard value then add a custom class under the Advanced Presentation settings and use the following css code:
.yourCustomClass div.dataValueRead{
font-weight: bold;
}