# 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.
# 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
- Name, the descriptive label to be assigned to the device, which must comply with the Plexus nomenclature criteria
# Panel Top Bar
Every Panel Page have a top bar with multiple actions.
|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.
# 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.
# Rearranging Cards in Panels
You can rearrange elements and cards in the panel however you want.
Note: Remember to save your card after rearrange!
# Elements List
|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|