Introduction to the component layer features and panel features of the DataV layer bar - DataV

This topic describes the component layer features and panel features of the DataV layer bar.

Component layer features

Note

You can arrange the widget layers so that the widgets are well-organized in the project.

The higher a widget is positioned in the list, the closer it is to the front of the canvas.
The lower a widget is positioned in the list, the closer it is to the back of the canvas.
When two components overlap, the component in the forward position overwrites the component in the backward position.

In the Layers panel, you can perform the following operations on a layer.

Name /Icon	Description
Focus on	Moves the current widget to the center of the canvas panel for easy viewing or further operation.
Lock	Locks the current layer so that the locked components cannot be selected and edited. They can only be unlocked in the Layers panel.
Select Layer	Click here to select a layer to be redirected from the drop-down layer.
Layer Order	Move the layer. Top: places the current layer at the top of the layer in Canvas Editor. Bottom: Place the current layer at the bottom of the layer in Canvas Editor. Move One Up: Moves the display position of the current layer one level up. Move One Layer Down: Moves the display position of the current layer one layer down.
Group /Ungroup	Bundle one or more components into a group, which can be set up in a group. After you add multiple widget groups, you can right-click the widget group and select Add. You can also set the background style of a widget after the widget is grouped.
Generating Iterators	An iterator is a list generator. After the components are grouped, a list is generated through the data-driven iterator. The number of list items is the same as the length of the array in the iterator data. Click Cancel Iterator. Note The iterator draws an upper limit of 100 iteration units. Background: the background color of the iterator chart. Beyond Scrolling: Click the icon to control whether the iteration unit can be scrolled on the preview or publish page when the iteration unit exceeds the chart range of the iterator. Hide scroll bars: Click the icon to control whether to hide the scroll bars. Scroll Bar Color: Set the color of the scroll bar.
Use a carousel container to /remove a carousel container	Click Use carousel container to enable the component to perform carousel operations.
Go to Blueprint Editor	Click it to go to Blueprint Editor.
Hide	Hides the current layer and can only be redisplayed in the Layers panel.
Rename	Renames the current layer.
Copy ID	Copy the ID of the current component or group. You can directly search for it in the shortcut search bar.
Copy	Copy the current component /group.
Delete a button	Delete the current component /group.
Collection	Add components or groups to the Design Libraries > My Favorites tab for easy use.

Panel function

In the Layer panel, you can perform the following operations:

Name /Icon	Description
Update	View the widget list that can be updated on the current canvas and select the widget to be updated.
Set-top panel	Pin the Layer panel to Canvas Editor. This panel is not closed when you open other panels.
Close Panel	Close the Layers panel.
Move up one layer	Moves the display position of the current layer up one layer.
Move down one layer	Moves the display position of the current layer down one level.
Top	Place the current layer at the top of the layer in the Canvas Editor.
Bottom	Place the current layer at the bottom of the layer in the Canvas Editor.
Group /Ungroup	Bundle one or more components into a group, which can be set up in a group. After you add multiple widows to a group, right-click the widows and select Add. You can also set the background style of the group after the components are grouped.
Focus on	Moves the current widget to the center of the canvas panel for easy viewing or further operation.
Lock /Unlock	Locks the current layer so that locked components cannot be selected and edited. The widget can be edited only after the layer is unlocked.
Layer Order	Move the layer. Top: places the current layer at the top of the layer in Canvas Editor. Bottom: Place the current layer at the bottom of the layer in Canvas Editor. Move One Up: Moves the display position of the current layer one level up. Move One Layer Down: Moves the display position of the current layer one layer down.
Expand All /Stow All	Expand or collect all parent nodes of all groups or carousel containers to facilitate searching and editing of components.
Generating Iterators	An iterator is a list generator. After the components are grouped, a list is generated through the data-driven iterator. The number of list items is the same as the length of the array in the iterator data. Click Cancel Iterator to cancel the use of the iterator. Note The iterator draws an upper limit of 100 iteration units. Background: the background color of the iterator chart. Beyond Scrolling: Click the icon to control whether the iteration unit can be scrolled on the preview or publish page when the iteration unit exceeds the chart range of the iterator. Hide scroll bars: Click the icon to control whether to hide the scroll bars. Scroll Bar Color: Set the color of the scroll bar.
Use a carousel container to /remove a carousel container	Click Use carousel container to enable the component to perform carousel operations.
Go to Blueprint Editor	Click to enter Blueprint Editor.
Positioning in Blueprint Editor	In the Layer panel, click the icon to locate a widget or group on the blueprint canvas.
Hide /Show	Hide /Show current layer.
Rename	Renames the current layer.
Copy ID	Copy the ID of the current component or group. You can directly search for it in the shortcut search bar.
Copy	Copy the current component /group.
Delete a button	Delete the current component /group.
Collection	Add components or groups to the Design Libraries > My Favorites tab for easy use.