Component Panel
The Component panel within Infoveave Designer serves as a central hub for adding and managing widgets on your Infoboard canvas. It allows you to control the widget arrangement and visibility through layer management. The component panel contain two tab the Component tab and the Layers tab. The component tab list out the different types of widgets/components in Infoveave. The layers tab allows you to control the grouping and layering of the widgets in your Infoboard.
Components (Widget)
The Component tab within Infoveave Designer serves allows you to add and manage widgets on your Infoboard canvas.
Here is how to effectively utilize this panel
Adding Widgets
The Component panel provides a diverse range of widgets to choose from. To add a widget to your design canvas, follow these steps
- Browse through the tab to find the widget that suits your requirements.
- Drag and drop the required widget onto the canvas.
- Position and resize the widget as needed on the canvas to create your desired layout.
Layers (Widget Layering)
The Layers in the Component panel provides essential functionality to manage and organize elements within your design. Here is a detailed explanation of the features and options available
Layer List
- The Layer List displays all the elements or objects present in your design.
- Each layer represents an individual element, such as shapes, images, text, or charts.
- Layers are listed in the order they are added, reflecting the order of elements on the design canvas.
Visibility
- Each layer has a visibility toggle, denoted by an eye icon , to show or hide a specific element.
- Click the eye icon to toggle the visibility of a layer.
- Hidden layers will not be visible on the design canvas but will remain in the layer hierarchy.
Layer Order
- The layer order determines the stacking order of elements.
- To rearrange the layer order, click and drag a layer up or down in the list, altering its stacking position.
Rename Layers
To select a layer, double click on a layer name in the Layer List. It allows you to change the component name.
Grouping Widget Layers
- Grouping widget layers helps organize your design elements efficiently.
- To group multiple widget layers, hold down the Shift key while clicking on the desired layer names.
- Choose the Group option that appears when selecting the widget on the Layout panel to create a group.
- Alternatively, you can click on the + icon to add a new group or move a widget to the create group area on the top of the section.
- Grouping layers enables you to manage and manipulate them as a single unit.
Locking Layers
- Locking a layer prevents accidental modifications or selections.
- Click on the padlock icon next to a layer’s name to lock it. Use the same icon to unlock the layer.
- Locked layers cannot be edited until they are unlocked.
Deleting Layers
- To remove a layer from your design, select the layer and click the trash can icon or use the delete key on your keyboard.
- Deleting a layer permanently removes it from the design, along with its associated content.