ADF - 自定义width 属性 styleClass
我是 ADF 语言的新手,经过长时间的搜索和失败的尝试,我不得不问如何使用 CSS 和属性“styleClass”来更改按钮布局 - 背景、边框…… ADF?
在我的 .jspx 中,我有类似这样的内容:
<af:commandButton action="#{backing_test.echoAction}" id="echo1" text="Save 1" styleClass="commandButton.buttonSaveTest" />
事情是,打开 firebug 后,我发现我有一个图像,而不是常规按钮!
谢谢你的帮助!
I all, I'm new to the ADF language and after a long search and failed tries, I have to ask how can I change a button layout - background, border, ... - using the CSS and the property "styleClass" of the ADF?
In my .jspx I have something like:
<af:commandButton action="#{backing_test.echoAction}" id="echo1" text="Save 1" styleClass="commandButton.buttonSaveTest" />
The thing is, after opening firebug, I found out that instead of a regular button, I have an image!
Thanks for you help!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您不能依赖为 ADF 中的特定组件生成的 HTML。获得自己的外观和感觉的最佳方法是实现自己的“皮肤”,它扩展了 ADF 已提供的皮肤之一(例如,“blafplus”或“fusion”,新的默认设置)。然后,您可以使用所需组件的 CSS 选择器,例如,
查看以下链接以了解有关换肤的信息
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
You can't rely on what generated HTML you'll get for a specific component in ADF. The best way to get your own look and feel is to implement your own 'skin', which extends one of those already provided by ADF (eg, 'blafplus', or 'fusion', the new default). You then use the CSS selectors for the component you want, eg
Check out the following link to learn about skinning
http://download.oracle.com/docs/cd/E17904_01/web.1111/b31973/af_skin.htm#BAJFEFCJ
The hosted demo is an excellent way of finding out how to skin specific components. Eg, for your command button, check out:
http://jdevadf.oracle.com/adf-richclient-demo/faces/components/skinningKeys/commandButton.jspx