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

Using the scrollComponentIntoViewBehavior tag

The scrollComponentIntoViewBehavior tag is an interesting client behavior tag that can be used to enable the user to jump to a particular component on a page similar to an anchor in HTML.

In this recipe, we will use scrollComponentIntoViewBehavior to jump to the submit button at the end of the page. You can refer to the last recipe, or you can grab this project's recipe by cloning the ADFFacesScrollComponentTag application from the Git repository.

This is a very good use case since forms can grow big, and providing the end users with the option to jump to the Submit button directly can be a time saver.

Note

Note that this is a client-side component, so there are no actions submitted on the server side, which means no server round trips.

How to do it…

To learn how to use the scrollComponentIntoView tag, follow the ensuing steps:

  1. Open the events.jsf page.

  2. Drag a button inside the panel form layout just under the Phone Number input text.

  3. Change the Text...

Previous Section
End of Section 8
Next Section