1. Copyright Ó Oracle Corporation, 1999. All rights reserved. 1111 Working with Other Canvases

2. 11-2 Copyright Ó Oracle Corporation, 1999. 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

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

4. 11-4 Copyright Ó Oracle Corporation, 1999. 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

5. 11-5 Copyright Ó Oracle Corporation, 1999. All rights reserved. Stacked Canvas Properties 1 2 3 5 4

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

7. 11-7 Copyright Ó Oracle Corporation, 1999. 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

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

9. 11-9 Copyright Ó Oracle Corporation, 1999. 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

10. 11-10 Copyright Ó Oracle Corporation, 1999. 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-11 Copyright Ó Oracle Corporation, 1999. All rights reserved. Tab Canvas Related Properties 1 2 3 4

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

13. 11-13 Copyright Ó Oracle Corporation, 1999. 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

14. 11-14 Copyright Ó Oracle Corporation, 1999. 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

15. 11-15 Copyright Ó Oracle Corporation, 1999. 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