1 / 15

Mastering Canvas Types: Toolbars, Stacked, and Tabbed Interfaces

In this lesson, you will explore the various types of canvases used in user interface design. You’ll learn to distinguish between canvases, identify the right type for different scenarios, and create complex interfaces featuring overlay effects with stacked canvases. The session includes hands-on practice in creating vertical and horizontal toolbars, as well as tabbed interfaces that organize information effectively. By the end, you’ll be equipped with the skills needed to enhance user interaction through intelligent canvas usage.

dillon
Download Presentation

Mastering Canvas Types: Toolbars, Stacked, and Tabbed Interfaces

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Working with Other Canvases

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

  3. Content canvas Horizontal Toolbar Vertical Stacked Toolbar canvas Tab x y z Tab page Canvas Types

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

  5. Stacked Canvas Properties 2 1 3 4 5

  6. Creating a Stacked Canvas

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

  8. Toolbar Related Properties • Canvas properties: • Canvas Type • Window • Width • Height

  9. Toolbar Related Properties • Window properties: • Horizontal Toolbar Canvas • Vertical Toolbar Canvas • Form Module properties: • Form Horizontal Toolbar Canvas • Form Vertical Toolbar Canvas

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

  11. Tab Canvas Related Properties 4 1 3 2

  12. Creating a Tab Canvas

  13. Placing Items on a Tab Canvas • Place items on each tab page for user interaction. • Set the item properties: • Canvas • Tab Page

  14. Summary • Creating an overlay effect with a stacked canvas • Creating a toolbar • Creating a tab canvas

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

More Related