All Products
Search
Document Center

DataV:Layer management

Last Updated:Jun 18, 2026

The DataV layer bar provides widget layer features and panel features for organizing and managing widgets on the canvas.

Widget layer features

Note

Moving widget layers helps you organize widgets on the screen.

  • The higher a layer is in the list, the more it appears in the foreground on the canvas.

  • The lower a layer is in the list, the more it appears in the background on the canvas.

  • When two widgets overlap, the widget on the higher layer covers the widget on the lower layer.

The widget layers panel supports the following operations.

Name/Icon

Function

Focus image

Move the current widget to the center of the canvas panel for easier viewing and editing.

Lock image

Lock the current layer. The locked widget cannot be selected or edited until you unlock it in the layer panel.

Select layer image.png

Select a layer from the dropdown list to navigate to it.

Layer order image.png

Move the layer.

  • Bring to front image: Move the current layer to the top of all layers in the canvas editor.

  • Send to back image: Move the current layer to the bottom of all layers in the canvas editor.

  • Bring forward image: Move the current layer up by one level.

  • Send backward image: Move the current layer down by one level.

Group image/Ungroup image

Bundle one or more widgets into a group to configure shared settings. After grouping, you can right-click the group and select Favorite to save multiple widgets. You can also set a background style for the group.

Create iterator image

An iterator is a list generator. After you group widgets, use the iterator's data driver to generate a list. The number of list items matches the array length in the iterator's data. Click Cancel Iterator to stop using it.

Note

An iterator can render a maximum of 100 items.

  • Background: Set the background color of the iterator chart.

  • Scroll on overflow: Click the image icon to control whether items can be scrolled on the preview or published page when they exceed the chart area of the iterator.

  • Hide scrollbar: Click the image icon to hide or show the scrollbar.

  • Scrollbar color: Set the color of the scrollbar.

Use carousel container image.png/Release carousel container image.png

Enable a carousel container to rotate through widgets in a carousel.

Enter blueprint editor image.png

Click to enter the blueprint editor.

Hide image

Hide the current layer. You can only make it visible again from the layer panel.

Rename image.png

Rename the current layer.

Copy ID image

Copy the ID of the current widget or group. You can search for it in the quick search bar.

Copy image

Copy the current widget or group.

Delete image

Delete the current widget or group.

Favorite image

Save the widget or group to the Asset Library > My Favorites tab for reuse.

Panel features

The Layers panel supports the following operations.

Name/Icon

Function

Update image.png

View and select widgets on the current canvas that have available updates.

Pin panel image.png

Pin the Layers panel to the canvas editor. The panel remains open when you open other panels.

Close panel image.png

Close the Layers panel.

Bring forward image

Move the current layer up by one level.

Send backward image

Move the current layer down by one level.

Pin image

Move the current layer to the top of all layers in the canvas editor.

Send to back image

Move the current layer to the bottom of all layers in the canvas editor.

Group image/Ungroup image

Bundle one or more widgets into a group to configure settings for the group. After you group multiple widgets, you can right-click the group and select Favorite to save them. You can also set a background style for the group.

Focus image

Move the current widget to the center of the canvas panel for easier viewing and editing.

Lock image/Unlock image

Lock the current layer. The locked widget cannot be selected or edited. The widget can be edited only after the layer is unlocked.

Layer order image.png

Move the layer.

  • Bring to front image: Move the current layer to the top of all layers in the canvas editor.

  • Send to back image: Move the current layer to the bottom of all layers in the canvas editor.

  • Bring forward image: Move the current layer up by one level.

  • Send backward image: Move the current layer down by one level.

Expand all image.png/Collapse all image.png

Expand or collapse all groups or carousel container parent nodes to help locate and edit widgets.

Create iterator image

An iterator is a list generator. After you group widgets, use the iterator's data driver to generate a list. The number of list items matches the array length in the iterator's data. Click Cancel Iterator to stop using it.

Note

An iterator can render a maximum of 100 items.

  • Background: Set the background color of the iterator chart.

  • Scroll on overflow: Click the image icon to control whether items can be scrolled on the preview or published page when they exceed the chart area of the iterator.

  • Hide scrollbar: Click the image icon to hide or show the scrollbar.

  • Scrollbar color: Set the color of the scrollbar.

Use carousel container image.png/Release carousel container image.png

Click Use carousel container to rotate through widgets in a carousel.

Enter blueprint editor image.png

Click to enter the blueprint editor.

Locate in blueprint editor image.png

Locate a widget or group on the blueprint canvas from the layer panel.

Hide image/Show image

Hide or show the current layer.

Rename image.png

Rename the current layer.

Copy ID image

Copy the ID of the current widget or group. You can search for it in the quick search bar.

Copy image

Copy the current widget or group.

Delete image

Delete the current widget or group.

Favorite image

Save the widget or group to the Asset Library > My Favorites tab for reuse.