[Trinidad] Styling icon of tr:panelAccordion

[schneidc <si...@gmx.de>]

Hi,


I just want to change the color of the disclosed / undisclosed icon of the
accordion panel but my problem is that the style always gets overridden by
some other.

In the stylesheet file I added these classes to change the icon color:




af|panelAccordion::undisclosed-icon {
	color: #CBD3E2;
}

af|panelAccordion::disclosed-icon {
	color: #CBD3E2;
}



But when I have a look at Firebug 



.p_OraHideShowDisclosedSymbol, .af_panelTabbed_tab-selected a,
.p_OraTreeDisclosedSymbol a:link, .p_OraTreeDisclosedSymbol a:active,
.p_OraTreeDisclosedSymbol a:visited, .p_OraTreeRowSelected a:link,
.p_OraTreeRowSelected a:active, .p_OraTreeRowSelected a:visited {
color:#669966; 

text-decoration:none;

}

Inherited froma.af_panelAccordion_title-link Bestandsan...ige.xhtml#

a.af_panelAccordion_title-link, .af_panelAccordion_undisclosed-icon,
.af_panelAccordion_disclosed-icon {

color:#CBD3E2;


}



As you can see, my style gets overriden and I don't know what to do about
it. I tried changing p_OraHideShowDisclosedSymbol but the result stayed the
same.


Can somebody help me with this?

Thanks, Simon
-- 
View this message in context: http://old.nabble.com/-Trinidad--Styling-icon-of-tr%3ApanelAccordion-tp27208537p27208537.html
Sent from the MyFaces - Users mailing list archive at Nabble.com.

Re: [Trinidad] Styling icon of tr:panelAccordion

[Mamallan Uthaman <ma...@oracle.com>]

Hi  Simon,

Try this:

af|panelAccordion::title-link {
color: #CBD3E2  !important;
}

Thanks
Mamallan



schneidc wrote:
> Hi,
>
>
> I just want to change the color of the disclosed / undisclosed icon of the
> accordion panel but my problem is that the style always gets overridden by
> some other.
>
> In the stylesheet file I added these classes to change the icon color:
>
>
>
>
> af|panelAccordion::undisclosed-icon {
> 	color: #CBD3E2;
> }
>
> af|panelAccordion::disclosed-icon {
> 	color: #CBD3E2;
> }
>
>
>
> But when I have a look at Firebug 
>
>
>
> .p_OraHideShowDisclosedSymbol, .af_panelTabbed_tab-selected a,
> .p_OraTreeDisclosedSymbol a:link, .p_OraTreeDisclosedSymbol a:active,
> .p_OraTreeDisclosedSymbol a:visited, .p_OraTreeRowSelected a:link,
> .p_OraTreeRowSelected a:active, .p_OraTreeRowSelected a:visited {
> color:#669966; 
>
> text-decoration:none;
>
> }
>
> Inherited froma.af_panelAccordion_title-link Bestandsan...ige.xhtml#
>
> a.af_panelAccordion_title-link, .af_panelAccordion_undisclosed-icon,
> .af_panelAccordion_disclosed-icon {
>
> color:#CBD3E2;
>
>
> }
>
>
>
> As you can see, my style gets overriden and I don't know what to do about
> it. I tried changing p_OraHideShowDisclosedSymbol but the result stayed the
> same.
>
>
> Can somebody help me with this?
>
> Thanks, Simon
>