5. Beautifying the Application Layout for Great User Experience | Oracle ADF Faces Cookbook

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Oracle ADF Faces Cookbook

By : Amr Ismail Gawish

4 (6)

Oracle ADF Faces Cookbook

4 (6)

By: Amr Ismail Gawish

Overview of this book

This is a cookbook that covers more than 80 different recipes to teach you about different aspects of Oracle ADF Faces. It follows a practical approach and covers how to build your components for reuse in different applications. This book will also help you in tuning the performance of your ADF Faces application. If you are an ADF developer who wants to harness the power of Oracle ADF Faces to create exceptional user interfaces and reactive applications, this book will provide you with the recipes needed to do just that. You will not need to be familiar with Oracle ADF Faces, but you should be comfortable with Java application development, Java EE frameworks, and JSF. This book is also for ADF developers who know how to use Oracle ADF Faces but who want to know what’s new in Oracle ADF Faces 12c.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the color images of this book

Free Chapter

1. Building Your ADF Faces Environment From the Ground Up

1. 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

2. 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

3. 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

4. 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

5. 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

6. 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

7. 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

8. 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

9. 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

10. 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

Changing skins at runtime

Having a skin for your application is great to manage how it looks and feels from a central location, but giving the user an option to change the skin at runtime is also a great feature that many applications might want to provide to their users.

In this recipe, we will know how to provide the user with the capability to change skins at runtime and swap between two skins.

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

How to do it…

To know how to change skins at runtime, perform the following steps:

Create a new skin by following steps 1 to 8 of the previous recipe with the following changes:
- Name the skin hrRed instead of hrBlue
- Choose the base skin hrBlue
- Uncheck the Use as the default skin family for this project option
Open the hrRed.css file.
Open the Source mode of hrRed.css.

Add the following lines:

.hr-header-wrapper {
    background-color: #821816;
}

Create a new task flow with the name hr-skins-menu...

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Oracle ADF Faces Cookbook

Search

Your notes and bookmarks