Oracle ADF Faces Cookbook

Book Image

Oracle ADF Faces Cookbook

By : Amr Ismail Gawish

Book Image

Oracle ADF Faces Cookbook

By: Amr Ismail Gawish

Overview of this book

Oracle ADF Faces Cookbook

Oracle ADF Faces Cookbook

Credits

About the Author

About the Author

Acknowledgments

Acknowledgments

About the Reviewers

About the Reviewers

www.PacktPub.com

www.PacktPub.com

Preface

Free Chapter

Building Your ADF Faces Environment From the Ground Up

Building Your ADF Faces Environment From the Ground Up

Preparing and structuring the OS for JDeveloper and ADF

Exploring different options to install the database

Installing JDeveloper

Tuning JDeveloper

Downloading the book's Git repository

Getting Started with ADF Faces and JDeveloper

Getting Started with ADF Faces and JDeveloper

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

Presenting Data Using ADF Faces

Presenting Data Using ADF Faces

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

Using Common ADF Faces Components

Using Common ADF Faces Components

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

Beautifying the Application Layout for Great User Experience

Beautifying the Application Layout for Great User Experience

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

Enriching User Experience with Visualization Components

Enriching User Experience with Visualization Components

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

Handling Events and Partial Page Rendering

Handling Events and Partial Page Rendering

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

Validating and Converting Inputs

Validating and Converting Inputs

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

Building Your Application for Reuse

Building Your Application for Reuse

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

Scaling your ADF Faces Application

Scaling your ADF Faces Application

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

Customer Reviews

5 star

0

4 star

0

3 star

0

2 star

0

1 star

0

Using the codeEditor component

A new component added to the ADF Faces family from the 12c version is the codeEditor component which provides an in-browser code editing capabilities.

The codeEditor component is used by end users to enter code-like text with editing functionalities like what a typical IDE would provide, such as syntactical color coding of keywords, indention, validation, search, error highlighting, and logs pane.

In this recipe, we will present the CodeSample attribute in a codeEditor component inside the inputComponets.jsf page.

How to do it...

In order to add the codeEditor component, follow the ensuing steps:

Open the inputComponets.jsf page.
Drag the CodeSample attribute under EmployeesView1 in Chapter4AppModuleDataControl from the Data Control pane and drop it inside the panel form layout.
Navigate to Text | ADF Input Text w/ Label.
Open the source mode of the inputComponets.jsf page.
Manually change af:inputText to af:codeEditor and don't forget the closing tag as well.
Remove...