# Panels featured_video

Panel page is linked with HMI Panel as well. Its function is to linked to variables and allow operators to monitor and access the controls in a beautiful manner.

main-panel
main-panel

# Side panel

The configured panels are listed on the left, with their name.

The icon and the label take on color

  • blue, to identify the device currently selected and displayed in the view;

There is always a button to reorder the list of panels, labeled "Edit Order": Clicking it opens a popup in which you can drag the elements into the desired order and then save, or possibly cancel the changes.

# Add a page

Adding a new page is done by clicking on the button labeled "ADD PAGE", which opens a modal with the following elements

# Panel Top Bar

Every Panel Page have a top bar with multiple actions.

panel
Panel TopBar
Icon Name Information
save Save An action that save the panel page after you edit.
add_circle_outline Add Card An action that add card to your panel page.
delete Delete Card If there is card selected it will turn red and ready to delete. Deleting the card will delete the element inside as well. delete
playlist_add Add Element Add Element to your card. Refer element list for list of element and functionality.
info_outline Info Allow user to edit the panel page name and Restriction Access.

# Card and Elements.

To add a element onto a card, simply choose one of the card by clicking on it. The card selected will turn blue, click on Add Element to choose one of the element to add inside the card.

add
Adding Card and Element

# Connecting Elements to Variables

The beautiful thing about panel is that it allows you to control and modified your variable without using functions. Simply Connect your variables using one of the many element list that PlexusLAB provide.

Using Panel

# Rearranging Cards in Panels

You can rearrange elements and cards in the panel however you want.

drag
Arrange your panel

WARNING

Note: Remember to save your card after rearrange!

# Elements List

Elements

Elements List Information Image
Title Title / Text Box for Labeling.
Sub-Title Small Title / Text Box for Labeling
Variable With Title Title, allows user to display variable data in number and switch form.
Label Label with title, allows user to display variable data in number and switch form.
2 Label Label with title, allows user to display variable data in number and switch form.
Bar-Gauge Bar Gauge with title, allows user to display variable data in number and switch form , displayed in bar manner.
Button Title with button. ON / OFF
2 Buttons 2 Title with 2 button. ON / OFF
Gauge Gauge to display variable in gauge form.
2 Gauges 2 Gauge to display variable in gauge form.
Select Allow user to write variable in a input select form
Link External or Internal HTTP/HTTPS Link
Last Updated: 8/3/2021, 1:02:24 PM