Question
NJ Courts
US
Last activity: 10 Apr 2019 0:08 EDT
Change style of visited hyperlinks
Hi,
I am on pega version 7.2.2,we would to change the css of the already visited hyperlink with in a grid to purple.
I used below css class to the change the style of the visited links but it only works for recently visited hyperlink in the grid i.e. if I select another hyperlink with in grid previously selected hyperlink doesn't stay as purple.
.gridDefault .gridCellSelected a{
color: #800080 !important;
text-decoration: none !important;
}
Need inputs on the css to use to achieve this function.Any recommendations on this?
Pegasystems Inc.
IN
Hi Naveen,
You can try using visited selector for anchor tag as below:
a:visited {
color: green;
// your styles..
}
Thanks.
NJ Courts
US
HI SreePriya,
Thanks for the suggestion, Issue is not resolved.
I already used a:visited earlier and it didn't work.
a:visited {
color: #800080 !important;
text-decoration: none !important;
}
I also tried below scenarios nothing worked.
a:visited {
color: green;
.gridDefault .gridCellSelected a {
color: #800080 !important;
text-decoration: none !important;
}
}
.gridDefault .gridCellSelected a : visited{
color: #800080 !important;
text-decoration: none !important;
}
when I'm inspecting I'm seeing that is overriding my css
A:Visited {
//some styles
}
Pegasystems Inc.
AU
Hi Naveena,
You can use a cell read write class for the link control, then by using that class try to override the link styles, like below.
Link control properties - Presentation tab - Advanced Presentation options - Cell read write class / cell readonly class , There add your class name ( for example : customlink)
After that in userworkform add the css overrides like below.
.customlink ,a:visited {
color:red ;
}
