Question
Accordion color
we have a UI which has multiple accordion and each accordion header should be with a particular color (header of the accordion)
Group 1 --- REd font
sample 1
sample 2
Group 2 - Red font
Sample 3
Sample 4
Group 3 - Red font
sample 5
Sample 6
Please advise
***Updated by moderator: Lochan to update platform capability***
Hi,
I was able to build up the script to achieve the above requirement.
Example :
<script>
$(document).ready(function(){
document.getElementsByClassName("accord_titleBarIcon")[0].style.background="green";
document.getElementsByClassName("accord_titleBarBackground")[0].style.background="green";
document.getElementsByClassName("accord_titleBarRight")[0].style.background="green";
});
</script>
It seems to be working at my end.
Please let me know in case of any doubts.
Regards,
Rachit
A jquery equivalent of the above code would be
<script>
$(document).ready(function(){
$( ".accord_titleBarIcon:eq(0),.accord_titleBarBackground:eq(0),.accord_titleBarRight:eq(0)" ).css( "background", "green" );
});
</script>
Hi @bhus4913,
Did the solution suggested work for you? Or do you need any further help regarding this thread?
Below link might help you
https://community1.pega.com/community/pega-product-support/question/how-collapse-accordion-layout
Thank you all. WE are trying it and I will get back if any help needed
please check below pdn link:
https://community1.pega.com/sites/pdn.pega.com/files/help_v72/procomhelpmain.htm#rule-/rule-portalskin/component/accordions.htm