ADF - 自定义width 属性 styleClass

发布于 2024-09-07 19:22:21 字数 334 浏览 4 评论 0原文

我是 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

您的好友蓝忘机已上羡 2024-09-14 19:22:21

您不能依赖为 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

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

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

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文