How to Disable the Automatic Cancellation of an Inline Popup What Happens When You Disable the Automatic Cancellation of an Inline Popup

Using Menus, Toolbars, and Toolboxes 14-3 Figure 14–4 Components Used to Create a Menu You can use more than one menu bar by enclosing them in a toolbox. Enclosing them in a toolbox stacks the menu bars so that the first menu bar in the toolbox is displayed at the top, and the last menu bar is displayed at the bottom. When you use more than one menu bar in a single toolbox row by having them grouped inside the toolbox, then the flex attribute will determine which menu bar will take up the most space. If you wish menu bars to be displayed next to each other rather than being stacked, you can enclose them in a group component. Within a menu bar, you can set one component to stretch so that the menu bar will always be the same size as its parent container. For example, in Figure 14–5 , the menu bar is set to stretch a spacer component that is placed between the Disabled GMI menu and the Component Guide button. When the window is resized, that spacer component either stretches or shrinks so that the menu bar will always be the same width as the parent. Using a spacer component like this also ensures that any components to the right of the spacer will remain right-justified in the menu bar. Figure 14–5 Spacer Component Stretches and Shrinks When a window is resized such that all the components within the menu bar can no longer be displayed, the menu bar displays an overflow icon, identified by the arrow cursor as shown in Figure 14–6 . Figure 14–6 Overflow Icon in a Menu Bar Clicking that overflow icon displays the remaining components in a popup window, as shown in Figure 14–7 . Tip: You can also use the toolbox component to group menu bars with toolbars, or to group multiple menu bars. Use the group component to group menu bars and toolbars on the same row. 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