ADF - Personnaliser une propriété <af: commandButton> width la propriété styleClasse

Question

Tout le monde, je suis nouveau dans le langage ADF et après une longue recherche et tentatives échouées, je dois demander comment puis-je changer la disposition d'un bouton - arrière-plan, border, ... - en utilisant le CSS et la propriété "styleClass" de l'ADF?

Dans mon française.jspx j'ai quelque chose comme:

<af:commandButton action="#{backing_test.echoAction}" id="echo1" text="Save 1" styleClass="commandButton.buttonSaveTest" /> 

La chose est, après l'ouverture Firebug, j'ai découvert qu'au lieu d'un bouton régulier, j'ai une image!

Merci pour votre aide!

Answer 1

Vous ne pouvez pas compter sur ce que vous avez généré pour un composant spécifique dans ADF. La meilleure façon d'obtenir votre propre apparence est d'implémenter votre propre 'skin', qui étend l'un de ceux déjà fournis par ADF (par exemple, 'blafplus', ou 'fusion', le nouveau défaut). Vous utilisez ensuite les sélecteurs CSS pour le composant que vous souhaitez, par exemple

af|inputText::content { 
     background-color: red; 
} 

Consultez le lien ci-dessous pour en apprendre davantage sur écorcher http://download.oracle.com/docs/cd/E17904_01/web.1111/b31973/af_skin.htm#BAJFEFCJ

La démo hébergé est un excellent moyen de savoir comment à la peau des composants spécifiques . Par exemple, pour votre bouton de commande, vérifier:

http://jdevadf.oracle.com/adf-richclient-demo/faces/components/skinningKeys/commandButton.jspx