Navigation menu

Creating navigation menus

You can format and color the text in the menu. The background image has sizing and positioning options.

Styling the navigation menu

Unter Darstellung im Eigenschaftsfenster sind mehrere Designoptionen verfügbar.

Klicken Sie auf Design unter Darstellung > Präsentation, um das Design des Diagramms weiter anzupassen. Das Designfenster enthält mehrere Abschnitte auf den Registerkarten Allgemein und Diagramm.

Sie können Ihre Designs zurücksetzen, indem Sie auf neben den einzelnen Abschnitten klicken. Wenn Sie auf Alle zurücksetzen klicken, werden die Designs für alle verfügbaren Registerkarten im Designfenster zurückgesetzt.

For general information about styling an individual visualization, see Applying custom styling to a visualization.

Customizing the text

You can set the text for the title, subtitle, and footnote under Appearance > General. To hide these elements, turn off Show titles.

The visibility of the different labels on the chart depends on chart-specific settings and label display options. These can be configured in the properties panel.

You can style the text that appears in the chart.

Gehen Sie folgendermaßen vor:

1. In the properties panel, expand the Appearance section.

2. Under Appearance > Presentation, click Styling.

3. Legen Sie auf der Registerkarte Allgemein die Schriftart, den Hervorhebungsstil, die Schriftgröße und die Farbe der folgenden Textelemente fest:

   • Titel

   • Untertitel

   • Fußnote

4. On the Menu tab, set the font, font size, and color for the following text elements:

   • Labels: Style the labels of the individual items.

Customizing the background

You can customize the background of the chart. The background can be set by color and image.

Gehen Sie folgendermaßen vor:

1. In the properties panel, expand the Appearance section.

2. Under Appearance > Presentation, click Styling.

3. On the General tab of the styling panel, you can select a background color (single color or expression). You can also set the background to an image from your media library or from a URL.

   When using a background color, use the slider to adjust the opacity of the background.

   When using a background image, you can adjust image sizing and position.

4. On the Menu tab of the styling panel, select a default color for the menu items, a highlight color, and a hover color.

Customizing the border and shadow

You can customize the border and shadow of the chart.

Gehen Sie folgendermaßen vor:

1. In the properties panel, expand the Appearance section.

2. Under Appearance > Presentation, click Styling.

3. On the General tab of the styling panel, under Border, adjust the Outline size to increase or decrease the border lines around the chart.

4. Select a color for the border.

5. Adjust the Corner radius to control the roundness of the border.

6. Under Shadow in the General tab, select a shadow size and color. Select None to remove the shadow.

7. On the Menu tab, under Border, adjust the Outline size to increase or decrease the border lines around the chart.

8. Select a color for the border.

9. Adjust the Corner radius to control the roundness of the border.

10. Under Shadow in the Menu tab, select a shadow size and color. Select None to remove the shadow.

Setting navigation menus as drawer menus

You can make your navigation menu a drawer menu. When set as a drawer menu, the navigation menu acts as a button that opens a menu over the whole app listing sheets. You can optionally add a menu icon () to the navigation menu.

Gehen Sie folgendermaßen vor:

1. In the properties panel, expand the Appearance section.

2. Under Appearance > Presentation, turn on Drawer menu.

3. Optionally select Show drawer icon.

Styling drawer menus

You can style your drawer button and panel.

Gehen Sie folgendermaßen vor:

1. In the properties panel, expand the Appearance section.

2. Under Appearance > Presentation, click Styling.

3. Click Menu.

4. Under Drawer button, optionally customize the colors and add a background image.

5. Under Drawer panel, optionally customer the color and background image used by the panel.

Setting orientation and layout

Gehen Sie folgendermaßen vor:

1. In the properties panel, expand the Appearance section.

2. Under Appearance > Presentation, under Orientation, select Vertical or Horizontal.

3. Under Layout, select Fill or Minimal.

4. Under Position, select the position of the menu items in the navigation menu.

5. If you selected Horizontal or Minimal, optionally select Same item width to make all tabs have the same size.

Separating items in navigation menus

Gehen Sie folgendermaßen vor:

1. In the properties panel, expand the Appearance section.

2. Under Appearance > Presentation, turn on Separate items.

Showing large items

Gehen Sie folgendermaßen vor:

1. In the properties panel, expand the Appearance section.

2. Under Appearance > Presentation, select Show large items.

Showing item icons

Gehen Sie folgendermaßen vor:

1. In the properties panel, expand the Appearance section.

2. Under Appearance > Presentation, select Show item icons.