How to remove css classes from richfaces component?

Question

I use rich:simpleTogglePaneland it puts these 3 css classes in divs:

rich-stglpanel
rich-stglpanel-header
rich-stglpnl-marker
rich-stglpanel-body

Is there any way to remove these classes?

Answer 1

Each Richfaces component comes with a set of CSS classes. These CSS classes are used to customize an aspect of your toggle bar (or any other RF component). The four CSS classes, as described in the component guide , are really tied to the HTML components generated by the RF framework.

There are 2 solutions for you:

• CSS, CSS. , , .
• CSS JavaScript ( ).

jQuery script:

jQuery(document).ready(function() {
    jQuery(".rich-stglpanel").removeClass("rich-stglpanel");
    ...
});

( , CSS rich-stglpanel ).