16 Copyright © 2004, Oracle. All rights reserved. Building ADF UIX View Components

16-2 Copyright © 2004, Oracle. All rights reserved. Objectives After completing this lesson, you should be able to do the following: Describe the characteristics of ADF UIX Define the structure of a UIX XML page Build a UIX XML page Add components to a UIX XML page Create data-centric pages with data components Run and test a UIX XML page

16-3 Copyright © 2004, Oracle. All rights reserved. Why ADF UIX Technologies? Design-time benefits –WYSIWYG/Declarative development environment –Open, flexible framework –Customization –Streamlined design workflow Run-time benefits –Standards –Platform independence –Internationalization and accessibility support –High interactivity

16-4 Copyright © 2004, Oracle. All rights reserved. What are ADF UIX Technologies? ADF UIX Technologies are a framework based on the MVC model. ViewController Model UI ComponentsServlet Any data source

16-5 Copyright © 2004, Oracle. All rights reserved. How Do ADF UIX Technologies Work? 1.ADF UIX components are assembled. 2.They are rendered into Markup pages. 3.They are delivered to a variety of clients. UIX Page Markup

16-6 Copyright © 2004, Oracle. All rights reserved. UIX XML Page Layout 1.Page Header 2.Tabs and Navigation 3.Global Buttons 4.Data Component Area 5.Page Footer

16-7 Copyright © 2004, Oracle. All rights reserved. Interface Nodes Each page is divided into a hierarchical set of nodes, each node corresponding to a specific section of the page.

16-8 Copyright © 2004, Oracle. All rights reserved. How Is It coded? UIX XML is a dialect of the XML language for creating ADF UIX pages declaratively.

16-9 Copyright © 2004, Oracle. All rights reserved. Support for Internationalization UIX supports client-specific renderers, which: Are portable to different locales, fonts platforms, and browsers Process text separately from images (local imaging) Use run-time cascading style sheets with environment style information

16-10 Copyright © 2004, Oracle. All rights reserved. User Interface Components UIX XML pages are composed of interface components, which can be classified into three types: Simple Layout Composite

16-11 Copyright © 2004, Oracle. All rights reserved. Modular Declarative Design

16-12 Copyright © 2004, Oracle. All rights reserved. Creating a UIX XML Page

16-13 Copyright © 2004, Oracle. All rights reserved. Company and Product Branding

16-14 Copyright © 2004, Oracle. All rights reserved. Page Tabs

16-15 Copyright © 2004, Oracle. All rights reserved. Global Buttons

16-16 Copyright © 2004, Oracle. All rights reserved. Page Footers

16-17 Copyright © 2004, Oracle. All rights reserved. Designing with the Visual Editor

16-18 Copyright © 2004, Oracle. All rights reserved. Coding with the XML Editor

16-19 Copyright © 2004, Oracle. All rights reserved. UIX XML Page at Run Time

16-20 Copyright © 2004, Oracle. All rights reserved. Adding Data to the Page ADF Business Components are a type of data components that can be added to a UIX XML page.

16-21 Copyright © 2004, Oracle. All rights reserved. Design Time Data Components Use the Data Control Palette to include the data components on the page. Modify the prompts or other attributes with the Property Inspector.

16-22 Copyright © 2004, Oracle. All rights reserved. Data Binding in the Visual Editor

16-23 Copyright © 2004, Oracle. All rights reserved. Run-Time UIX XML Page with Data Binding

16-24 Copyright © 2004, Oracle. All rights reserved. Summary In this lesson, you should have learned how to: Define and discriminate the ADF UIX XML components Construct a UIX XML page by using the wizards Include data items on a page from the model Run and test a UIX XML page

16-25 Copyright © 2004, Oracle. All rights reserved. Practice 16: Overview This practice covers: Creating a UIX XML page Adding ADF Business Components Running the page using OC4J

16-26 Copyright © 2004, Oracle. All rights reserved. Practice 16 Notes

16-27 Copyright © 2004, Oracle. All rights reserved. Practice 16 Notes

16-28 Copyright © 2004, Oracle. All rights reserved. Practice 16 Notes