Question
Tata Consultancy Services
GB
Last activity: 15 Jan 2019 15:40 EST
How to customize pzGridFilterPanel
Please see the attached screenshot of the pzGridFilterPanel.
Requirement: (1)To change the colour of ‘ClearFilter’, (2) to swap the ‘Apply’ and ‘cancel’ buttons and (3) add a different colour boarder.
Analysis: The ClearFilter’ is from ‘pzGridFilterPanel’, We can’t change the colour from the section. We’ve to change from Skin rule. Even for the buttons as well.
We’ve tried adding the boarder from the Skin rule – Reports – Column Filter, but couldn’t see the changes are reflected, probably some other skin rule taking precedence.
Please help and let us know where to make changes or what are other rules taking precedence etc, many thanks.
***Edited by Moderator Marissa to update platform capability tags****
Pegasystems Inc.
US
"ClearFilter" is an anchor tag at the end of the day, so you could apply different colors for links in your application skin. The problem here is that it will apply to all of your links. Not sure if that is going to be problem for your requirements or not.
If you need to isolate the change to just the clear filter link, then it may require some custom CSS/JS to achieve this.
<a id='clearFilter' tabindex='0' title='<pega:lookup property=".pyToolTip" value="Enter to clear filter" />' style='text-decoration: underline;'><pega:lookup property='.pyCaption' value='ClearFilter' /></a>
You might be able to key off of the element's ID here if you go down this path. Normally this is not necessary, as you can simply define and use a separate style for this instance. But the problem here is that the governing section pzGridFilterPanel is final/internal. If it was not, then this would be pretty trivial.
I think you'll find similar hurdles with trying to apply a border to just this section as opposed to all sections.
Regarding the button swapping, I think that is also going to require custom code. I think these are "hard coded" in a non auto generated section somewhere. I could be wrong though, would need some reporting/UI SMEs to confirm or suggest otherwise.