Book Image

Oracle ADF Faces Cookbook

By : Amr Ismail Gawish
Book Image

Oracle ADF Faces Cookbook

By: Amr Ismail Gawish

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
Oracle ADF Faces Cookbook
Amr Ismail Gawish
Mar, 2014 | 358 pages
No titles found
Table of Contents (18 chapters)
Oracle ADF Faces Cookbook
Oracle ADF Faces Cookbook
Credits
Credits
About the Author
About the Author
Acknowledgments
Acknowledgments
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Building Your ADF Faces Environment From the Ground Up
Building Your ADF Faces Environment From the Ground Up
Introduction
Preparing and structuring the OS for JDeveloper and ADF
Installing JDK
Exploring different options to install the database
Installing JDeveloper
Tuning JDeveloper
Downloading the book's Git repository
2
Getting Started with ADF Faces and JDeveloper
Getting Started with ADF Faces and JDeveloper
Introduction
Creating an Application Workspace
Connecting your application to a database
Building Business Service
Defining the page flow
Creating a View page
Adding ADF Faces components to JSF pages
Running your first ADF Faces application
3
Presenting Data Using ADF Faces
Presenting Data Using ADF Faces
Introduction
Presenting single records on your page
Presenting multiple records using ADF Table
Presenting multiple records using ADF List View
Presenting multiple records using ADF Iterator
Presenting master-details records using ADF Tables and Forms
Presenting master-details records using ADF Tree and tree table components
Presenting master-details records using ADF List with a group header
Internationalizing and localizing your representation
4
Using Common ADF Faces Components
Using Common ADF Faces Components
Introduction
Using the inputText component
Using the inputNumber components
Using the inputDate component
Using the inputColor component
Using the selection components
Using the richTextEditor component
Using the inputFile component
Using the codeEditor component
Using the ListOfValues components
Using the pop-up dialogs, menus, and windows
Using menus, toolbars, and toolboxes
Using different output components
Using buttons and links for navigation
Using buttons and links to invoke functionalities
Utilizing XML Menu Model with NavigationPane, Breadcrumbs, and MenuBar
Using the train components
Working with dynamicComponent
5
Beautifying the Application Layout for Great User Experience
Beautifying the Application Layout for Great User Experience
Introduction
Creating a page template for your application
Adding layouts to the header and footer of the page template
Creating an ADF skin for your application
Changing skins at runtime
Using skins like a pro by using Sass and compass
Using mdia queries for a responsive web design
Using flat design techniques
6
Enriching User Experience with Visualization Components
Enriching User Experience with Visualization Components
Introduction
Showing metrics with graph and gauge components
Putting data on maps
Using pivot tables instead of spreadsheets
Showing tasks on Gantt charts
Presenting the company's hierarchy using the Hierarchy Viewer
Presenting historical data using the Timeline component
Using sunburst to further show the hierarchical compositions
7
Handling Events and Partial Page Rendering
Handling Events and Partial Page Rendering
Introduction
Using partial triggers
Using ADF Faces server events
Using ADF Faces client events
Sending custom events from a client to a server
Executing JavaScript within an event response
Using the scrollComponentIntoViewBehavior tag
Using the target tag to execute PPR
Using partial page navigation
Adding drag-and-drop capabilities
Using polling events to update pages
Using ADF Faces Active Data Service (ADS)
Using WebSockets for more interactive applications
8
Validating and Converting Inputs
Validating and Converting Inputs
Introduction
Adding conversion
Creating a custom converter
Adding client-side capabilities to the converter
Adding validation
Creating a custom JSF validator
Adding client-side capabilities to the validator
Enhancing the Faces messages user experience
9
Building Your Application for Reuse
Building Your Application for Reuse
Introduction
Creating task flow template for your repetitive tasks
Handling general exceptions using task flow templates
Using task flow parameters
Adding events to your task flow through contextual events
Creating declarative ADF Faces component
Packaging your ADF Faces resources as an ADF Library
Preserving user preferences using MDS
10
Scaling your ADF Faces Application
Scaling your ADF Faces Application
Introduction
Applying general advices regarding performance
Applying configuration performance recommendations
Applying ADF Faces component's attributes recommendations
Using Content Delivery Network to load your static resources
Using ADF caching to cache and compress static resources
Index
Index

Creating an ADF skin for your application

An ADF skin is a collection of a special style sheet, an optional resource bundle, a name, and a base structure called the base skin.

In this recipe, we will create a custom ADF skin, remove the inline style inside the page template, and convert it to a cleaner page template.

In this recipe, it's assumed you understand native CSS and how to use it.

You can continue from the last recipe or you can grab the ADFFacesSkinning application from the Git repository.

How to do it…

To know how to create an ADF skin, perform the following steps:

  1. Right-click on ViewController, navigate to New | From Gallery | Web Tier | JSF/Facelets | ADF Skin, and click on OK.

  2. Change the filename to: hrBlue.css.

  3. Change the family to hrBlue.

  4. Leave the Use as the default skin family for this project checkbox checked to change the default skin to the one we will create.

  5. Click on Next to choose the base skin that you will extend it to.

  6. Leave the Skyros-v1.desktop skin selected and click on...

Previous Section
End of Section 5
Next Section