Help Center/ Huawei Cloud Astro Canvas/ User Guide/ Widgets/ Menu/ Router View
Updated on 2025-03-24 GMT+08:00
View PDF
Share

Router View

The router view is a type of navigation widget. You can configure different pages to display other effects on the current visualized page. This widget reduces the resource usage of the current page and improves performance.

On the large screen design page, drag the router view widget from All > Menu to the blank area of the canvas, as shown in Figure 1.

Figure 1 Route view widget
Figure 2 Margin style

Card

A card wraps a chart widget. A widget consists of card elements (card title, chart, card background, and card border) and chart elements.

Figure 3 Route view card
  • Background
    • Background color: Background color of the widget card.
    • Border: Border of the widget card. Options: no border, full border, and corner border. For full border and corner border, you can set the line type and rounded corners of the outer border of the widget.
    • Style: Image display style. The options are normal, center, stretch, and tiled.
    • Choose image: Use a local image as the widget background. Directories and subdirectories can be added to facilitate image management by category. JPG, JPEG, PNG, or GIF images are recommended. The size of each image cannot exceed 50 MB.
  • Special effect: Widget highlighted status. Displayed by default or on page load.
  • Padding: distance between the chart in the widget and the four sides (top, bottom, left, and right) of the widget (see Figure 2). The default value is 0, indicating that the chart is stretched across the widget.
  • Custom properties: Settings for customizing the route view, such as reloading the view on navigation change and scrolling to the top when navigating.

Route Configuration

Select a published page to view its effect in the canvas in the route configuration.

Figure 4 Route configuration

Interaction

In the interaction settings, you can configure interactions between the router view widget and other widgets or pages. For details, see Interaction Configuration.

Parent topic: Menu