Introduction to Menus, Toolbars, and Toolboxes

14-4 Web User Interface Developers Guide for Oracle Application Development Framework Figure 14–7 menu Component in an Overflow Popup Window Menus and submenus can be made to be detachable and to float on the browser window. Figure 14–8 shows the New submenu in the File menu configured to be detachable. The top of the menu is rendered with a bar to denote that it can be detached. Figure 14–8 Detachable Menu The user can drag the detachable menu to anywhere within the browser. When the mouse button is released, the menu stays on top of the application until the user closes it, as shown in Figure 14–9 . Figure 14–9 Floating Detached Menu Using Menus, Toolbars, and Toolboxes 14-5 The menu and commandMenuItem components can each include an icon image. Figure 14–10 shows the Delete menu item configured to display a delete icon. Figure 14–10 Icons Can Be Used in Menus You can configure commandMenuItem components to be specific types that change how they are displayed when the menu item is chosen. For example, you can configure a commandMenuItem component to display a checkmark or a radio button next to the label when the item is chosen. Figure 14–11 shows the View menu with the Folders menu item configured to use a checkmark when chosen. The Table, Tree Table , and List menu items are configured to be radio buttons, and allow the user to choose only one of the group. Figure 14–11 Square Icon and Radio Button Denote the Chosen Menu Items You can also configure a commandMenuItem component to have an antonym. Antonyms display different text when the user chooses a menu item. Figure 14–12 shows an Undo menu item in the Edit menu added to the File Explorer application for this example. Tip: Consider using detachable menus when you expect users to: ■ Execute similar commands repeatedly on a page. ■ Execute similar commands on different rows of data in a large table, tree table, or tree. ■ View data in long and wide tables, tree tables, or trees. Users can choose which columns or branches to hide or display with a single click. ■ Format data in long or wide tables, tree tables, or trees. Note: Because alternative text cannot be provided for this icon, in order to create an accessible product, use this icon only when it is purely decorative. You must provide the meaning of this icon in some accessible manner.