Copyright Ó Oracle Corporation, All rights reserved Working with Other Canvases

11-2 Copyright Ó Oracle Corporation, All rights reserved. Objectives After completing this lesson, you should be able to do the following: Describe the different types of canvases and their relationships to each other Identify the appropriate canvas type for different scenarios Create an overlay effect by using stacked canvases Create a toolbar Create a tabbed interface After completing this lesson, you should be able to do the following: Describe the different types of canvases and their relationships to each other Identify the appropriate canvas type for different scenarios Create an overlay effect by using stacked canvases Create a toolbar Create a tabbed interface

11-3 Copyright Ó Oracle Corporation, All rights reserved. Content canvas Canvas Types Stacked canvas Horizontal Toolbar Vertical Toolbar xyz Tab Tab page

11-4 Copyright Ó Oracle Corporation, All rights reserved. Stacked Canvas Displayed on top of a content canvas Shares a window with a content canvas Size: –Usually smaller than the content canvas in the same window –Determined by viewport size Created in: –Object Navigator –Layout Editor Displayed on top of a content canvas Shares a window with a content canvas Size: –Usually smaller than the content canvas in the same window –Determined by viewport size Created in: –Object Navigator –Layout Editor

11-5 Copyright Ó Oracle Corporation, All rights reserved. Stacked Canvas Properties

11-6 Copyright Ó Oracle Corporation, All rights reserved. Creating a Stacked Canvas

11-7 Copyright Ó Oracle Corporation, All rights reserved. Toolbars Special type of canvas for tool items Three types: –Vertical toolbar –Horizontal toolbar –MDI toolbar Provide: –Standard look and feel –Alternative to menu or function key operation Special type of canvas for tool items Three types: –Vertical toolbar –Horizontal toolbar –MDI toolbar Provide: –Standard look and feel –Alternative to menu or function key operation

11-8 Copyright Ó Oracle Corporation, All rights reserved. Toolbar Related Properties Canvas properties: –Canvas Type –Window –Width –Height Canvas properties: –Canvas Type –Window –Width –Height

11-9 Copyright Ó Oracle Corporation, All rights reserved. Toolbar Related Properties Window properties: –Horizontal Toolbar Canvas –Vertical Toolbar Canvas Form Module properties: –Form Horizontal Toolbar Canvas –Form Vertical Toolbar Canvas Window properties: –Horizontal Toolbar Canvas –Vertical Toolbar Canvas Form Module properties: –Form Horizontal Toolbar Canvas –Form Vertical Toolbar Canvas

11-10 Copyright Ó Oracle Corporation, All rights reserved. Tab Canvas Enables you to organize and display related information on separate tabs Consists of one or more tab pages Provides easy access to data Created in: –Object Navigator –Layout Editor Enables you to organize and display related information on separate tabs Consists of one or more tab pages Provides easy access to data Created in: –Object Navigator –Layout Editor

11-11 Copyright Ó Oracle Corporation, All rights reserved. Tab Canvas Related Properties

11-12 Copyright Ó Oracle Corporation, All rights reserved. Creating a Tab Canvas

11-13 Copyright Ó Oracle Corporation, All rights reserved. Placing Items on a Tab Canvas Place items on each tab page for user interaction. Set the item properties: –Canvas –Tab Page Place items on each tab page for user interaction. Set the item properties: –Canvas –Tab Page

11-14 Copyright Ó Oracle Corporation, All rights reserved. Summary Creating an overlay effect with a stacked canvas Creating a toolbar Creating a tab canvas Creating an overlay effect with a stacked canvas Creating a toolbar Creating a tab canvas

11-15 Copyright Ó Oracle Corporation, All rights reserved. Practice 11 Overview This practice covers the following topics: Creating a toolbar canvas Creating a stacked canvas Creating a tab canvas Adding tab pages to the tab canvas This practice covers the following topics: Creating a toolbar canvas Creating a stacked canvas Creating a tab canvas Adding tab pages to the tab canvas