需求:如果在我们的系统中要实现一个打印功能,它类似于会议上每个嘉宾面前折叠树立的名片,要制作这样的名片,需要在一张纸上实现文字的倒立功能。
oracle adf有自己的skins,这包括一套images图片,和一些css样式,如果我们想改变oracle adf框架原有的样式时,该怎么办呢?让我们来分析一下:
1、在jspx文件里直接加入css引用不太现实,因为里面根本不支持css引用的标签嵌入。
2、直接使用jsp,在jsp中使用css,这种方法经过测试可行。
那么,根据分析1,我们是否也可用实现css的引用呢,其实oracle adf有自己的css引用机制,我们可用按照下面步骤进行自定义css(当然,你的css中用到图片,你还需将图片也拷贝到你的项目中)
1、在项目里创建public_html\skins\javaeduSkin\javaedu.css,并在其中加入如下css内容:
.upsideDown{
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /* IE6,IE7 */
ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /* IE8 */
-moz-transform: rotate(-180deg); /* FF3.5+ */
-o-transform: rotate(-180deg); /* Opera 10.5 */
-webkit-transform: rotate(-180deg); /* Safari 3.1+, Chrome */
position: absolute;
font-size:100px; text-align:center;
}
2、在WEB-INF下创建trinidad-skins.xml,在其中加入如下代码:
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
<skin>
<id>javaedu.desktop</id>
<family>javaeduSkin</family>
<extends>blafplus-rich.desktop</extends>
<render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
<style-sheet-name>skins/javaeduSkin/javaedu.css</style-sheet-name>
</skin>
</skins>
3、在WEB-INF下创建trinidad-config.xml,在其中加入如下代码:
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
<skin-family>javaeduSkin</skin-family>
</trinidad-config>
3、创建public_html\pages\javaedu-font.jspx,其中重点内容如下:
<af:panelSplitter id="ps1" orientation="vertical" splitterPosition="300"
collapsed="false" disabled="true"
inlineStyle="margin-top:50px;">
<f:facet name="first">
<af:outputText value="redhacker.iteye.com" id="otww3" styleClass="upsideDown"/>
</f:facet>
<f:facet name="second">
<af:outputText value="redhacker.iteye.com" id="ot3"
inlineStyle="font-size:100px; text-align:center;"/>
</f:facet>
</af:panelSplitter>
其中,
styleClass="upsideDown"就是引用了我们自己定义的css。
4、将javaedu-font.jspx拖入adfc-config.xml中,产生一个view组件,如下图:
5、通过http://127.0.0.1:7101/Demo-zcUI-context-root/faces/javaedu-font,将可用预览自动的css效果,如下图:
关于分析2的,这里就不在累述,因为跟我们普通的使用方法是一样的,呵呵。
补充说明:如果我们要重写oracle adf框架默认的skins,需要在javaedu.css里将所有组件的默认样式重新定义一遍。
如果您觉得本文对您有益,请点击博文后的google广告或在博主微店(美鲜果店)订购一份水果以表感谢,对作者表示支持,谢谢!
- 大小: 10.3 KB
- 大小: 13.1 KB
分享到:
相关推荐
很好的ADF中文资料,Oracle ADF Essentials
Oracle ADF AM常用配置参数参考 1、AM 常用参数 2、AM 压力测试报告 3、AM 参数配置原则 4、AM 参数配置详细说明
Oracle ADF开发实战指南,学习adf好教程。
oracle ADF开发指南第一章 Oracle® Application Development Framework Developer’s Guide For Forms/4GL Developers 10g Release 3 (10.1.3.0) B25947-01
1013版本oracleADF开发指南 官方版本
Oracle® Fusion Middleware Understanding Oracle Application Development Framework 12c (12.2.1.3.0) E80020-01 August 2017
[Packt Publishing] Oracle ADF 11gR2 初学者开发指南 (英文版) [Packt Publishing] Oracle ADF 11gR2 Development Beginner's Guide (E-Book) ☆ 出版信息:☆ [作者信息] Vinod Krishnan [出版机构] Packt ...
Fusion Developer's Guide for Oracle ADF [11.1.1.7]
这是Adf多表级联菜单实例其中保存创建Criteria知识,多表关系,以及在Vo中使用vo当前字段过滤结果
Oracle 应用程序开发框架 (Oracle ADF) 是一个端到端 JEE 框架,该框架通过提供现成的基础架构服务和虚拟的声明式开发体验,从而简化程序开发。 Oracle ADF的架构是基于MVC设计模式的,ADF把应用程序分成了四层;...
describes the architecture and key functionality of the Oracle Application ...JDeveloper 10g Release 3 (10.1.3) to build web applications using Oracle ADF, Enterprise JavaBeans, Oracle TopLink, and JSF.
本文档介绍了Oracle ADF的具体的开发过程,原理,及具体的步骤,以及一些demo。
目前功能最全的JSF框架Oracle ADF 开发资料分享
http://www.oracle.com/technetwork/developer-tools/adf/uishell-093084.html
ADF定义:Application Development Framework是oracle开发的一个基于Jdeveloper的界面化操作MVC开发框架,依赖XML进行数据映射和配置,实现客户端空间“拖拽”数据绑定,大大简化基于MVC的WEB开发
oracle adf web service 案例
Oracle ADF MenuDemo 案例
oracle adf JDeveloper 教程 java j2ee oracle adf JDeveloper 教程 java j2ee oracle adf JDeveloper 教程 java j2ee oracle adf JDeveloper 教程 java j2ee oracle adf JDeveloper 教程 java j2ee
Oracle ADF生存指南涵盖了最新的12c版本,并解释了所有重要的概念和部分,包括ADF Faces,ADF任务流程,ADF业务组件,ADF外观,新的Alta UI以及如何在应用程序的所有层面实现业务逻辑。拥有Oracle数据库和Oracle ...