Comment puis-je supprimer les classes css d'un composant richfaces?

Question

J'utilise un rich:simpleTogglePanel et il met ces trois classes CSS sur les divs:

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

Est-il possible que je peux supprimer ces cours?

Answer 1

Chaque composant Richfaces est livré avec un ensemble de classes CSS. Ces classes CSS sont utilisées pour personnaliser l'aspect de votre panneau à bascule (ou de tout autre composant RF). Les quatre classes CSS, comme expliqué dans le component guide, sont en effet attachées aux composants HTML générés par le framework RF.

Il y a 2 solutions pour vous:

1. Personnalisez votre CSS afin d'étendre les propriétés par défaut des quatre classes CSS. De cette façon, vous aurez le rendu que vous voulez pour ce composant.
2. Supprimez les classes CSS en utilisant JavaScript (non recommandé).

La deuxième solution peut être réalisée facilement avec un script jQuery:

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

(cela signifie une fois la page chargée, trouver tous les éléments avec la classe CSSrich-stglpanelet de supprimer cette classe) .