In this article
The settings on this tab .- control the look and feel of the menu that pops up when you click in charts or tables where drill-down functionality (go to Drill-down Overview for more information) is applied.
Figure 1 - The properties on this tab are as follows:
- Rendering Style - sets the appearance and customization possible for the visual component. In Version 17.5, several components have received additional capabilities to the out-of-the-box appearances and the ability to style elements using custom CSS styles. The version number reflects the following:
- Version 1 - the component rendering style prior to Version 17.5. A number of properties are available so you can set up the layout of the drill-down menu.
- Version 2 - the component rendering style after Version 17.5. Version 2 has no user-adjustable properties for setting up the drill-down menu. Version 2 is the default for all new reports.
- Look and Feel - choose among predefined styles of drill-down menus.
- Collapse item borders - an HTML style that collapses the borders between the report menu items. It is recommended to select this option if Border Color has been specified, in order to avoid double borders.
- Font family - specifies the font type that is to be used to display the menu items.
- Font size - defines the size of the characters in the menu items.
- Width - specifies the width of the container where the top elements are stored. The width can be specified in both pixels and percent. When you want to use percent, add the % symbol after the number. The top level menu items will be placed next to each other (depending on specifications in Top Item Spacing) when no width is specified.
- Top item spacing - specifies the spacing between the top-level menu items, in pixels.
- Top item padding - specifies the padding around the top-menu items, that is, the space between the menu item text and the border. Specified in pixels.
- Text color - specifies the color of the text to be used in the menu items.
- Background color - defines the background color for the menu items.
- Hover-item background - defines the background color of the top-level menu items when the user holds the mouse pointer over the item.
- Selected-item background - defines the background color of the top-level menu items when the sub-items are displayed, that is, when the top-level item is selected.
- Selected-item text - defines the color of the top-level menu item text when the sub-items are displayed.
- Sub-item background - defines the background color of the sub-items.
- Sub-item hover background - defines the background color of the sub-items when the user holds the mouse pointer over the item.
- Sub-item hover text - defines the text color of the sub-items when the user holds the mouse pointer over the item.