ADF - 自定义<af:commandbutton> width属性styleClass </af:commandbutton>

时间:2010-07-01 13:04:49

标签: java css oracle-adf

我都是,我是ADF语言的新手,经过长时间的搜索和尝试失败后,我不得不问如何更改按钮布局 - 背景,边框...... - 使用CSS和属性“ ADF的styleClass?

在我的.jspx中我有类似的东西:

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

事情是,在打开萤火虫之后,我发现没有常规按钮,我有一个图像!

谢谢你的帮助!

1 个答案:

答案 0 :(得分:1)

您不能依赖于为ADF中的特定组件生成的HTML。获得自己的外观和感觉的最佳方法是实现自己的“皮肤”,它扩展了ADF已经提供的一个(例如,'blafplus'或'fusion',新的默认值)。然后,您可以将CSS选择器用于所需的组件,例如

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

请查看以下链接,了解皮肤效果 http://download.oracle.com/docs/cd/E17904_01/web.1111/b31973/af_skin.htm#BAJFEFCJ

托管演示是了解如何为特定组件设置外观的绝佳方法。例如,对于您的命令按钮,请查看:

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