Difference between revisions of "VPIV Panels"

From Versacall Support
Jump to navigation Jump to search
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="text-align: center; color:#00719d; font-size:150%;">'''<big>Call Support at 858-677-6766 ext. 210</big>'''</div>
{|style="background:transparent; color:black" border="0" height="230" align="center" valign="bottom"
{|style="background:transparent; color:black" border="0" height="230" align="center" valign="bottom" cellpadding=10px cellspacing=10px
|+style="background:transparent|
|+style="background:transparent|
|-align="center"
|-align="center"
|
|[[Image:CallUsBtn.png|Call Now 858-677-6766]]
|
|
|[[Image:SubmitTckBtn.png|link=https://www.versacall.com/customer-support/service-ticket]]
|[[Image:SubmitTckBtn.png|link=https://www.versacall.com/customer-support/service-ticket]]
Line 8: Line 9:
|[[Image:EmailUsBtn.png|link=mailto:[email protected]?Subject=Help%20Needed%20Wiki&body=Type%20Message%20Here]]
|[[Image:EmailUsBtn.png|link=mailto:[email protected]?Subject=Help%20Needed%20Wiki&body=Type%20Message%20Here]]
|}
|}
----
<BR>
<br>
<div style="box-shadow: 0 0 10px 0 #b1d5ee inset; border-radius:5px; padding:10px; padding-left:20px; background:#ebf4fa;">
{|style="margin:auto; width: 800px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
<span style="color:#00719e; font-family: Helvetica; font-size:150%; font-variant: small-caps; padding-left:20px;">'''General Information'''</span>
:*A panel is a display that is created to show on a Large Monitor in the plant or on a Computer Monitor at someone's desk.
:*The construction of the Panel is exactly the same as constructing a Widget.
:*Panels can be viewed individually or as part of a rotating panel.
</div>
<BR>
<div style="box-shadow: 0 0 10px 0 #b1d5ee inset; border-radius:5px; padding:10px; padding-left:20px; background:#ebf4fa;">
<span style="color:#00719e; font-family: Helvetica; font-size:150%; font-variant: small-caps; padding-left:20px;">'''Basic Functionality'''</span>
:*On the left side of the Panels Home Screen, a list of all the Panels added to the system will show in alphabetical order.
:*On the Right side of the Panels Home Screen, the Add New Panel menu will show.
<div style="padding-left:30px;">
<gallery widths=306px heights=419px perrow=2>
Image:PanelList-1.png|link=VPIV Panels
Image:PanelAdd-1.png|link=VPIV Panels
</gallery>
</div>
<BR>
:<span style="color:#90A4AE; font-size:130%"> '''Panel Editing'''</span>
:*A Panel can be Edited, Deleted, Printed or Copied.
:*Select a Panel from the list so that it is highlighted.
:*Select one of the buttons at the bottom of the list.
<div style="padding-left:30px;">
<gallery widths=306px heights=419px>
Image:PanelList-2.png|link=VPIV Panels
</gallery>
</div>
::*'''Edit''' - us this button to edit any aspect of the Panel.
::*'''Delete''' - use this button to permanently remove the Panel from the system.
::*'''Print''' - use this button to create a print out of the Panel Setup.
::*'''Copy''' - use this button to duplicate the Panel and access all editing aspects.
::*'''View''' - use this button to open the Panel live in a Web Browser Tab.
<BR>
:<span style="color:#90A4AE; font-size:130%"> '''Add A Panel'''</span>
:*There are 7 different types of Panels that can be created.
:*Each Panel type is available under the Add New Panel Menu.
:*Each Panel will have a Using vs Remaining statistic under the Panel Type.
:*There are 3 different sets of available Panel types.
<div style="padding-left:30px;">
<gallery widths=306px heights=419px perrow=2>
Image:PanelAdd-1.png|link=VPIV Panels
Image:PanelAdd-2.png|link=VPIV Panels
Image:PanelAdd-3A.png|link=VPIV Panels
</gallery>
</div>
<BR>
:<span style="color:#90A4AE; font-size:130%">'''Icon Functionality'''</span>
:<span style="color:#90A4AE; font-size:120%">Combo Panels</span>
:*A Combo Panel provides the user with access & setup to all Tag & Widget Types as well as all Cell Types.
::*Table uses a Spreadsheet style of setup.
::*Grid uses a freeform cell style of setup.
<div style="padding-left:50px;">
<gallery widths=64px heights=64px perrow=2>
Image:ComboTable.png|<div style="text-align: center; color:#00719e">'''Table - Combo'''</div>|link=VPIV Panels
Image:ComboGrid.png|<div style="text-align: center; color:#00719e">'''Grid - Combo'''</div>|link=VPIV Panels
</gallery>
</div>
<BR>
:<span style="color:#90A4AE; font-size:120%">Performance Panels</span>
:*A Performance Panel provides the user with access & setup to all Tag & Widget Types. Limited Cell Types available.
::*Table uses a Spreadsheet style of setup.
::*Grid uses a freeform cell style of setup.
<div style="padding-left:50px;">
<gallery widths=64px heights=64px perrow=2>
Image:PerformTable.png|<div style="text-align: center; color:#00719e">'''Table - Performance'''</div>|link=VPIV Panels
Image:PerformGrid.png|<div style="text-align: center; color:#00719e">'''Grid - Performance'''</div>|link=VPIV Panels
</gallery>
</div>
<BR>
:<span style="color:#90A4AE; font-size:120%">Andon Panels</span>
:*An Andon Panel provides the user with access & setup to Limited Tag, Widget and Cell Types.
:*Used to shown State & Duration of Alarms.
::*Table uses a Spreadsheet style of setup.
::*Grid uses a freeform cell style of setup.
<div style="padding-left:50px;">
<gallery widths=64px heights=64px perrow=2>
Image:AndonTable.png|<div style="text-align: center; color:#00719e">'''Table - Andon'''</div>|link=VPIV Panels
Image:AndonGrid.png|<div style="text-align: center; color:#00719e">'''Grid - Andon'''</div>|link=VPIV Panels
</gallery>
</div>
<BR>
:<span style="color:#90A4AE; font-size:120%">Informative Panels</span>
:*An Informative Panel provides the user with NO access Tags.  Widgets and Cell Types are limited.
:*Used to show Graphics or Text Messages.
::*Table uses a Spreadsheet style of setup.
::*Grid uses a freeform cell style of setup.
<div style="padding-left:50px;">
<gallery widths=64px heights=64px perrow=2>
Image:InformTable.png|<div style="text-align: center; color:#00719e">'''Table - Informative'''</div>|link=VPIV Panels
Image:InformGrid.png|<div style="text-align: center; color:#00719e">'''Grid - Informative'''</div>|link=VPIV Panels
</gallery>
</div>
<BR>
:<span style="color:#90A4AE; font-size:120%">Messaging Panels</span>
:*A Messaging Panel has not Tag access as it is not needed for the type of Panel.
:*Used to show Text Messages.
::*Creation is completed using a set of Steps & Options.
<div style="padding-left:50px;">
<gallery widths=64px heights=64px perrow=2>
Image:Messaging.png|<div style="text-align: center; color:#00719e">'''Table - Informative'''</div>|link=VPIV Panels
</gallery>
</div>
</div>
<BR>
<div style="box-shadow: 0 0 10px 0 #b1d5ee inset; border-radius:5px; padding:10px; padding-left:20px; background:#ebf4fa;">
<span style="color:#00719e; font-family: Helvetica; font-size:150%; font-variant: small-caps; padding-left:20px;">'''Table Panel - Tabs'''</span>
:*After selecting to Add or Edit a Table Panel, a window will open with the following Properties.
:<span style="color:#90A4AE; font-size:120%">Tabs - Navigation</span>
:*There are 3 tabs at the top of the page that allow the user to access the appropriate areas when creating or editing a panel.
<div style="padding-left:50px;">
<gallery widths=217px heights=31px>
Image:VPTabs.png|link=VPIV Panels
</gallery>
</div>
::*'''Properties''' - this tab allows the user to name the Panel and to enter the refresh interval.
::*'''Layout''' - this tab provides access to the rows, columns and cells of the table. Also provides access to cells on a grid Panel.
::*'''Tags''' - this tab provides access to tag creation that monitors device data.
</div>
<BR>
<div style="box-shadow: 0 0 10px 0 #b1d5ee inset; border-radius:5px; padding:10px; padding-left:20px; background:#ebf4fa;">
<span style="color:#00719e; font-family: Helvetica; font-size:150%; font-variant: small-caps; padding-left:20px;">'''Properties Tab'''</span>
:*The Properties tab allows the user to enter a name and refresh interval for the Panel.
<div style="padding-left:50px;">
<gallery widths=240px heights=205px>
Image:VPProperties2.png|link=VPIV Panels
</gallery>
</div>
::*'''Panel Name''' - enter a name for the Panel.
::*'''ID''' - assigned by the VP IV software.
::*'''Refresh Interval''' - enter number of seconds - how often the Panel information should be refreshed.
</div>
<BR>
<div style="box-shadow: 0 0 10px 0 #b1d5ee inset; border-radius:5px; padding:10px; padding-left:20px; background:#ebf4fa;">
<span style="color:#00719e; font-family: Helvetica; font-size:150%; font-variant: small-caps; padding-left:20px;">'''Layout Tab'''</span>
:<span style="color:#90A4AE; font-size:120%">Table Editing Buttons</span>
:*The Layout tab allows the user to create or edit the Panel using a Table format.
:*At the top of the table will be all the buttons needed to manipulate the Table.
<div style="padding-left:50px;">
<gallery widths=396px heights=120px>
Image:VPButtons.png|link=VPIV Panels
</gallery>
</div>
::*'''Rows''' - use the Plus (+) & Minus (-) buttons to add and remove Rows from the table.
::*'''Columns''' - use the Plus (+) & Minus (-) buttons to add and remove Columns from the table.
::*'''Merge Horz.''' - use the Plus (+) & Minus (-) buttons to merge cells Horizontally in the table.
::*'''Merge Vert.''' - use the Plus (+) & Minus (-) buttons to merge cells Vertically in the table.
::*'''Clipboard''' - select a cell in the table - use the Copy or Paste button to either copy the selected cell or paste to the selected cell.
::*'''Move Horz.''' use the Left & Right buttons to move cells Horizontally in the table.
::*'''Move Vert.''' - use the Up & Down buttons to move cells Vertically in the table.
<BR>
:<span style="color:#90A4AE; font-size:120%">Table</span>
:*In the center of the Layout page will be the Table.
:*This is a representation of how the Panel will look like when viewed.
<div style="padding-left:50px;">
<gallery widths=747px heights=232px>
Image:VPTable.png|link=VPIV Panels
</gallery>
</div>
::*'''Table''' - select first cell in the table (blue cell) to select the entire table and the properties.
::*'''Row''' - select the first cell of any row (blue cell) to select the entire row and its properties.
::*'''Column''' - select the first cell of any column (blue cell) to select the entire column and its properties.
::*'''Cell''' - select any individual cell to access its properties/setup.
<BR>
:<span style="color:#90A4AE; font-size:120%">Cell Properties</span>
:*At the bottom of the Table, the user will find the Cell Properties Tools.
:*After selecting a Cell in the table, the user can define what should be presented in it.
<div style="padding-left:50px;">
<gallery widths=600px heights=102px>
Image:VPFont.png|link=VPIV Panels
</gallery>
</div>
::*'''Type''' - select what type of cell you want to create - Text, Tag or Image.
::*'''Content''' - depending on the type of cell you will have different options. Select/Enter the information that you want to show in the cell.
::*'''Alignment''' - select how you want the content to be aligned in the cell - Right, Left, Center & Top, Bottom, Center.
::*'''Font Style''' - with a Text or Tag cell, you can select the font be Bold, Italics or Underlined.
::*'''Font''' - with a Text of Tag Cell, you can select the type of font you want to show in the cell.
::*'''Size''' - with a Text or Tag Cell, you can select the font size for the cell.
::*'''Back''' - select the color that you want the background of the cell to be.
::*'''Fore''' - select the color that you want the font/text to be in the cell.
::*'''Blink''' - select if you want to blink information in the cell.
</div>
<BR>
<div style="box-shadow: 0 0 10px 0 #b1d5ee inset; border-radius:5px; padding:10px; padding-left:20px; background:#ebf4fa;">
<span style="color:#00719e; font-family: Helvetica; font-size:150%; font-variant: small-caps; padding-left:20px;">'''Tags Tab'''</span>
:<span style="color:#90A4AE; font-size:120%">Tools & List</span>
:*On the Tags page allows the user the ability to query the system for status on a specific Device/Location.
:*There is a list of all created Tags for the panel. Above the list are the Tag Tools.
<div style="padding-left:50px;">
<gallery widths=228px heights=276px>
Image:PanelTable-1.png|link=VPIV Panels
</gallery>
</div>
::*'''Add a Tag''' - select the Plus Icon to add a new tag.
::*'''Delete a Tag''' - select a tag from the list so that it is highlighted - select the Trash Can Icon to remove the tag.
::*'''Duplicate''' - select a tag from the list so that it is highlighted - select the Dual File Icon to duplicate the tag.
::*'''Copy''' - select a tag from the list so that it is highlighted - select the Right Arrow Clip Board Icon to copy the tag.
::*'''Paste''' - select the Left Arrow Clip Board icon to paste the copied tag to the list.
::*'''List''' - all tags that have been added to the Panel will appear alphabetically in the list area.
<BR>
:<span style="color:#90A4AE; font-size:120%">Save & Exit</span>
:*Once the Panel has been created or all editing has been completed, the user can select to Save the changes.
:*At the top right side of all Layout Tabs, the user will see the Save buttons.
<div style="padding-left:50px;">
<gallery widths=250px heights=30px>
Image:VPSaveButton1.png|link=VPIV Panels
</gallery>
</div>
::*'''Save''' - once you have made a change to the Panel you can select the Save button to save your changes.
::*'''Save & Exit''' - once you have mad a change to the Panel you can select the Save & Exit button to save your changes and exit the Panel editing page.
::*'''Discard''' - once you have made a change to the Panel you can select the Discard button to NOT Save any of your changes and exit the Panel editing page.
::*'''Exit''' - if you have not made any changes to the Panel, your only option will be an Exit button.
</div>
<BR>
<div style="box-shadow: 0 0 10px 0 #b1d5ee inset; border-radius:5px; padding:10px; padding-left:20px; background:#ebf4fa;">
<span style="color:#00719e; font-family: Helvetica; font-size:150%; font-variant: small-caps; padding-left:20px;">'''Table Panel - Tabs'''</span>
:*After selecting to Add or Edit a Grid Panel, a window will open with the following Properties.
:<span style="color:#90A4AE; font-size:120%">Tabs - Navigation</span>
:*There are 3 tabs at the top of the page that allow the user to access the appropriate areas when creating or editing a panel.
<div style="padding-left:50px;">
<gallery widths=217px heights=31px>
Image:VPTabs.png|link=VPIV Panels
</gallery>
</div>
::*'''Properties''' - this tab allows the user to name the Panel, enter the refresh interval, and set the aspect ratio.
::*'''Layout''' - this tab provides access to the rows, columns and cells of the table. Also provides access to cells on a grid Panel.
::*'''Tags''' - this tab provides access to tag creation that monitors device data.
</div>
<BR>
<div style="box-shadow: 0 0 10px 0 #b1d5ee inset; border-radius:5px; padding:10px; padding-left:20px; background:#ebf4fa;">
<span style="color:#00719e; font-family: Helvetica; font-size:150%; font-variant: small-caps; padding-left:20px;">'''Properties Tab'''</span>
:*The Properties tab allows the user to enter a name, a refresh interval, and an aspect ratio for the Panel.
<div style="padding-left:50px;">
<gallery widths=400px heights=190px>
Image:VPProperties.png|link=VPIV Panels
</gallery>
</div>
::*'''Panel Name''' - enter a name for the Panel.
::*'''ID''' - assigned by the VP IV software.
::*'''Refresh Interval''' - enter number of seconds - how often the Panel information should be refreshed.
::*'''Panel Fit - Stretch''' -  the panel will stretch to the full size of the cell provided.
::*'''Panel Fit - Aspect''' -  setup the aspect ratio to use in the cell and select the alignment.
::*'''Panel Fit - Actual Size''' - enter a size in pixels the Panel will be and select the alignment.
</div>
<BR>
<div style="box-shadow: 0 0 10px 0 #b1d5ee inset; border-radius:5px; padding:10px; padding-left:20px; background:#ebf4fa;">
<span style="color:#00719e; font-family: Helvetica; font-size:150%; font-variant: small-caps; padding-left:20px;">'''Layout Tab'''</span>
:<span style="color:#90A4AE; font-size:120%">Cell Tools</span>
:*On the Layout tab, the user will find the Cell Tools at the top left of the Grid board.
<div style="padding-left:50px;">
<gallery widths=750px heights=109px>
Image:PanelGrid-2.png|link=VPIV Panels
</gallery>
</div>
::<span style="color:#90A4AE; font-size:120%">Size</span>
::*'''Plus''' - select to add a new cell to the layout.
::*'''Trash Can''' - after selecting a cell, select this icon to remove that cell.
::*'''Document''' - after selecting a cell, select this icon to duplicate that cell.
::*'''Clipboard Left''' - after selecting a cell, select this icon to copy that cell.
::*'''Clipboard Right''' - after copying a cell, select this icon to paste the copied cell to the layout.
::<span style="color:#90A4AE; font-size:120%">Movement</span>
::*'''Double Left Arrow''' - after selecting a cell, select this icon to move the cell 5 points left.
::*'''Single Left Arrow''' - after selecting a cell, select this icon to move the cell 1 point left.
::*'''Double Up Arrow''' - after selecting a cell, select this icon to move the cell 5 points up.
::*'''Single Up Arrow''' - after selecting a cell, select this icon to move the cell 1 point up.
::*'''Single Down Arrow''' - after selecting a cell, select this icon to move the cell 1 point down.
::*'''Double Down Arrow''' - after selecting a cell, select this icon to move the cell 5 points down.
::*'''Single Right Arrow''' - after selecting a cell, select this icon to move the cell 1 point right.
::*'''Double Right Arrow''' - after selecting a cell, select this icon to move the cell 5 points right.
::<span style="color:#90A4AE; font-size:120%">Layers</span>
::*'''Layers''' - when selecting this icon, the user can View and/or Hide certain items. When selected the user will find the following options:
:::**'''Show Images''' - enable this option to show any images that have been placed in a Cell.
:::**'''Show Cell Labels''' - enable this option to show the Cell dimensions (X, Y, Z) inside the Cell.
:::**'''Show Anchors''' - enable this option to see the Cell Type icon in the top left side of the Cell.
:::**'''Show Text''' - enable this option to see the Text entered for the Cell.
::<span style="color:#90A4AE; font-size:120%">Search & Replace</span>
::*'''Search''' - when selecting this icon, the user can search for a specific name and replace it. Generally used when copying cells. When selected the user will find the following options:
:::**'''Find''' - use this field to enter the name that needs to be found/replaced.
:::**'''Replace''' - use this field to enter the new name for the found search.
<BR>
:<span style="color:#90A4AE; font-size:120%">Cell Contents</span>
:*On the Layout tab, the user will find the Cell Content options at the bottom of the Grid.
:*This area allows the user to define what the cell is by selecting the down arrow.
<div style="padding-left:50px;">
<gallery widths=489px heights=268px>
Image:PanelGrid-3.png|link=VPIV Panels
</gallery>
</div>
::*'''Text''' - set the Cell to display Text.
::*'''Tag''' - set the Cell to display a Tag Value.
::*'''Image''' - set the Cell to display a selected Image.
::*'''URL''' - set the Cell to display a Webpage.
::*'''Real Time Report''' - set the Cell to display a selected Report.
::*'''Widget''' - set the Cell to display a selected Widget.
<BR>
:<span style="color:#90A4AE; font-size:120%">Size & Position</span>
:*On the Layout tab, the user will find the Size & Position options at the bottom of the Grid to the right side of Cell Contents.
:*This area allows the user to define the size of the Cell and where the Cell is to be on the Grid.
<div style="padding-left:50px;">
<gallery widths=208px heights=131px>
Image:VPPosition.png|link=VPIV Panels
</gallery>
</div>
::*'''X (Horiz.)''' - set this to adjust the amount of points the cell is left/right.
::*'''Y (Vert.)''' - set this to adjust the amount of points the cell is up/down.
::*'''Z (Layer)''' - set this to adjust the depth level for the cell.
::*'''Width''' - set this to adjust how many points wide the cell is (maximum of 100).
::*'''Height''' set this to adjust how many points tall the cell is (maximum of 100).
<BR>
:<span style="color:#90A4AE; font-size:120%">Color</span>
:*On the Layout tab, the user will find the Color options at the bottom of the Grid to the right side of Size & Position.
:*This area allows the user to define the Cell background color and the Cell text color.
<div style="padding-left:50px;">
<gallery widths=161px heights=71px>
Image:VPGridColor.png|link=VPIV Panels
</gallery>
</div>
::*'''Back''' - select this swatch to change the background color of the cell.
::*'''Fore''' - select this swatch to change the foreground (text) color of the cell.
::*'''Blink''' - select this option to setup cell blinking.
<BR>
:<span style="color:#90A4AE; font-size:120%">Decoration</span>
:*On the Layout tab, the user will find the Decoration options at the bottom of the Grid to the right side of Color.
:*This area allows the user to define how the Text will display in the Cell.
<div style="padding-left:50px;">
<gallery widths=306px heights=132px>
Image:VPDecoration.png|link=VPIV Panels
</gallery>
</div>
::*'''Alignment''' - select one of the icons to adjust the horizontal or vertical alignment of the text in the cell.
::*'''Font Style''' - select one or more of the icons to make the text Bold, Italics and/or Underlined.
::*'''Font''' - select the down arrow to select the font used in the cell.
::*'''Size''' - use this field to enter the percentage of the cell to fill with your Text.
<BR>
:<span style="color:#90A4AE; font-size:120%">Border</span>
:*On the Layout tab, the user will find the Border options at the bottom of the Grid to the right side of Decorations.
:*This area allows the user to define the Border of a Cell.
<div style="padding-left:50px;">
<gallery widths=188px heights=135px>
Image:VPBorder.png|link=VPIV Panels
</gallery>
</div>
::*'''Style''' - select the down arrow to select the type of border to be used on the cell.
::*'''Padding''' - enter the number of points to pad the edges of the cell from Text or Images.
::*'''Size''' - enter the number of points for the thickness of the line.
::*'''Color''' - select the swatch to choose the color of the border.
::*'''Radius''' - enter the angle/radius of the corners of the cell. Entering a Zero makes the cell a Square.
<BR>
:<span style="color:#90A4AE; font-size:120%">Selected Cell</span>
:*On the Layout tab, the user will find the Cell Selection options at the bottom of the Grid to the right side of Border.
:*This area allows the user to select or alter specific Cells on the Grid.
<div style="padding-left:50px;">
<gallery widths=279px heights=111px>
Image:VPSelected.png|link=VPIV Panels
</gallery>
</div>
::*'''Selected Cell''' - select the down arrow to select the cell by position.
::*'''Action''' - select this button to setup specific actions.
::*'''Conditions''' - select this button to setup Content, Color & Visibility conditions.
</div>
<BR>
<div style="box-shadow: 0 0 10px 0 #b1d5ee inset; border-radius:5px; padding:10px; padding-left:20px; background:#ebf4fa;">
<span style="color:#00719e; font-family: Helvetica; font-size:150%; font-variant: small-caps; padding-left:20px;">'''Tags Tab'''</span>
:<span style="color:#90A4AE; font-size:120%">Tools & List</span>
:*On the Tags page allows the user the ability to query the system for status on a specific Device/Location.
:*There is a list of all created Tags for the panel. Above the list are the Tag Tools.
<div style="padding-left:50px;">
<gallery widths=228px heights=276px>
Image:PanelTable-1.png|link=VPIV Panels
</gallery>
</div>
::*'''Add a Tag''' - select the Plus Icon to add a new tag.
::*'''Delete a Tag''' - select a tag from the list so that it is highlighted - select the Trash Can Icon to remove the tag.
::*'''Duplicate''' - select a tag from the list so that it is highlighted - select the Dual File Icon to duplicate the tag.
::*'''Copy''' - select a tag from the list so that it is highlighted - select the Right Arrow Clip Board Icon to copy the tag.
::*'''Paste''' - select the Left Arrow Clip Board icon to paste the copied tag to the list.
::*'''List''' - all tags that have been added to the Panel will appear alphabetically in the list area.
<BR>
:<span style="color:#90A4AE; font-size:120%">Save & Exit</span>
:*Once the Panel has been created or all editing has been completed, the user can select to Save the changes.
:*At the top right side of all Layout Tabs, the user will see the Save buttons.
<div style="padding-left:50px;">
<gallery widths=250px heights=30px>
Image:VPSaveButton1.png|link=VPIV Panels
</gallery>
</div>
::*'''Save''' - once you have made a change to the Panel you can select the Save button to save your changes.
::*'''Save & Exit''' - once you have mad a change to the Panel you can select the Save & Exit button to save your changes and exit the Panel editing page.
::*'''Discard''' - once you have made a change to the Panel you can select the Discard button to NOT Save any of your changes and exit the Panel editing page.
::*'''Exit''' - if you have not made any changes to the Panel, your only option will be an Exit button.
</div>
<BR>
<div style="box-shadow: 0 0 10px 0 #b1d5ee inset; border-radius:5px; padding:10px; padding-left:20px; background:#ebf4fa;">
<span style="color:#00719e; font-family: Helvetica; font-size:150%; font-variant: small-caps; padding-left:10px;">'''Keyword Search'''</span>
{|style="margin:auto;"
{|class="wikitable" style="align:center; width:600px;"
|-
|-
|<big>'''Overview'''</big>
!<span style="color:#0054a6; font-size:120%"><big>Type Subject or Key Word to Query Archives</big></span>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|-
|A panel is a display that is created to show on a Large Monitor in the plant or on a Computer Monitor at someone's desk. The construction of the Panel is exactly the same as constructing a Widget. Panels can be viewed individually or as part of a rotating panel.
|<inputbox>type=search</inputbox>
|}
|}
|}
|}
</div>
<br>
<br>
----
[[File:VC Footer.png|center|link=Main Page]]
----
{|style="background:transparent; color:black" border="0" height="200" align="center" valign="bottom" cellpadding=10px cellspacing=10px
<br>
|+style="background:transparent|
{|style="margin:left; width: 800px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-align="center"
|-
|
|<big>'''Basic Functionality - Main Screen'''</big>
|[[File:LinkedIn.png|Follow Us On LinkedIn|link=https://www.linkedin.com/company/versacall/]]
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|
|valign="top" |
|[[File:BlogIcon.png|View our Blog|link=https://www.versacall.com/blog/]]
|-
|Overview of how to Edit, Remove, Print & Copy an a Panel.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|[[File:Widget1.png|center|450px]]
|-
|'''List''' - all created panels will appear in the list.
|-
|'''Edit''' - select a panel so that it is highlighted - select the Edit button to access the editing pages.
|-
|'''Delete''' - select a panel so that it is highlighted - select the Delete button to remove it permanently.
|-
|'''Print''' - select a panel so that it is highlighted - select the Print button to create a print out of all the panel information.
|-
|'''Copy''' - select a panel so that it is highlighted - select the Copy button to duplicate the panel and access the editing pages.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | '''Add a panel'''
|-
|style="text-align:center" |There are 7 different types of Panels that can be created. Each of these is available under the Add New heading.
|-
|[[File:Widget2.png|center|300px]]
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|colspan ="2" style="text-align:center" | '''Panel Type'''
|-
|[[File:VPIVGridIcon.png|center|56px]] || [[File:VPIVTableIcon.png|center|56px]]
|-
|'''Grid''' - freeform type of Panel - cells can be placed anywhere on the screen in any size. || '''Table''' - cells are arranged in columns and rows very similar to an Excel spreadsheet.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|colspan ="2" style="text-align:center" | '''Panels Andon'''
|-
|[[File:AndonGrid.png|center|56px]] || [[File:AndonTable.png|center|56px]]
|-
|style="text-align:center" | '''Andon Grid''' || style="text-align:center" | '''Andon Table'''
|-
|colspan ="2" style="text-align:center" | Ability to access & setup Constant Tags, System Property Tags, State Tags & Duration Tags.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|colspan ="2" style="text-align:center" | '''Panels Performance'''
|-
|[[File:PerformGrid.png|center|56px]] || [[File:PerformTable.png|center|56px]]
|-
|style="text-align:center" | '''Performance Grid''' || style="text-align:center" | '''Performance Table'''
|-
|colspan ="2" style="text-align:center" | Ability to access & setup ALL Tag types.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|colspan ="2" style="text-align:center" | '''Panels Other - Informative'''
|-
|[[File:InformGrid.png|center|56px]] || [[File:InformTable.png|center|56px]]
|-
|style="text-align:center" | '''Informative Grid''' || style="text-align:center" | '''Informative Table'''
|-
|colspan ="2" style="text-align:center" | No access to Tags. Used for displaying Text or Images only.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|colspan ="2" style="text-align:center" | '''Panels Other - Messaging'''
|-
|[[File:Messaging.png|center|56px]]
|-
|style="text-align:center" | No access to Tags. Used to display Text Messages related to open calls/alarms.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|colspan ="2" style="text-align:center" | '''Panels Other - Dynamic'''
|-
|[[File:VPIVDynamic.png|center|56px]]
|-
|style="text-align:center" | No access to Tags. Customized solution for specific configurations.
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 800px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Table Panel Properties'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|After selecting to Add or Edit a Table Panel, a window will open with the following Properties.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | '''Tabs'''
|-
|style="text-align:center" | At the top of the page there will be 3 tabs to select from.
|-
|[[File:VPTabs.png|center|217px]]
|-
|'''Properties''' - this tab allows the user to name the Panel and to enter the refresh interval.
|-
|'''Layout''' - this tab provides access to the rows, columns and cells of the table. Also provides access to cells on a grid Panel.
|-
|'''Tags''' - this tab provides access to tag creation that monitors device data.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | '''Properties'''
|-
|[[File:VPProperties2.png|center|240px]]
|-
|'''Panel Name''' - enter a name for the Panel.
|-
|'''ID''' - assigned by the VP IV software.
|-
|'''Refresh Interval''' - enter number of seconds - how often the Panel information should be refreshed.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | '''Layout - Buttons'''
|-
|[[File:VPButtons.png|center|396px]]
|-
|'''Rows''' - use the Plus (+) & Minus (-) buttons to add and remove Rows from the table.
|-
|'''Columns''' - use the Plus (+) & Minus (-) buttons to add and remove Columns from the table.
|-
|'''Merge Horz.''' - use the Plus (+) & Minus (-) buttons to merge cells Horizontally in the table.
|-
|'''Merge Vert.''' - use the Plus (+) & Minus (-) buttons to merge cells Vertically in the table.
|-
|'''Clipboard''' - select a cell in the table - use the Copy or Paste button to either copy the selected cell or paste to the selected cell.
|-
|'''Move Horz.''' use the Left & Right buttons to move cells Horizontally in the table.
|-
|'''Move Vert.''' - use the Up & Down buttons to move cells Vertically in the table.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | '''Layout - Table'''
|-
|[[File:VPTable.png|center|747px]]
|-
|'''Table''' - select first cell in the table (blue cell) to select the entire table and the properties.
|-
|'''Row''' - select the first cell of any row (blue cell) to select the entire row and its properties.
|-
|'''Column''' - select the first cell of any column (blue cell) to select the entire column and its properties.
|-
|'''Cell''' - select any individual cell to access its properties/setup.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | '''Layout - Cell Properties'''
|-
|[[File:VPFont.png|center|600px]]
|-
|'''Type''' - select what type of cell you want to create - Text, Tag or Image.
|-
|'''Content''' - depending on the type of cell you will have different options. Select/Enter the information that you want to show in the cell.
|-
|'''Alignment''' - select how you want the content to be aligned in the cell - Right, Left, Center & Top, Bottom, Center.
|-
|'''Font Style''' - with a Text or Tag cell, you can select the font be Bold, Italics or Underlined.
|-
|'''Font''' - with a Text of Tag Cell, you can select the type of font you want to show in the cell.
|-
|'''Size''' - with a Text or Tag Cell, you can select the font size for the cell.
|-
|'''Back''' - select the color that you want the background of the cell to be.
|-
|'''Fore''' - select the color that you want the font/text to be in the cell.
|-
|'''Blink''' - select if you want to blink information in the cell.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | '''Tags'''
|-
|[[File:VPPropButtons.png|center|168px]]
|-
|'''Add a Tag''' - select the Plus Icon to add a new tag.
|-
|'''Delete a Tag''' - select a tag from the list so that it is highlighted - select the Trash Can Icon to remove the tag.
|-
|'''Duplicate''' - select a tag from the list so that it is highlighted - select the Dual File Icon to duplicate the tag.
|-
|'''Copy''' - select a tag from the list so that it is highlighted - select the Right Arrow Clip Board Icon to copy the tag.
|-
|'''Paste''' - select the Left Arrow Clip Board icon to paste the copied tag to the list.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|[[File:VPTagList.png|center|200px]]
|-
|'''List''' - all tags that have been added to the Panel will appear alphabetically in the list area.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | '''Save & Exit'''
|-
|[[File:VPSaveButton1.png|center|250px]]
|-
|'''Save''' - once you have made a change to the Panel you can select the Save button to save your changes.
|-
|'''Save & Exit''' - once you have mad a change to the Panel you can select the Save & Exit button to save your changes and exit the Panel editing page.
|-
|'''Discard''' - once you have made a change to the Panel you can select the Discard button to NOT Save any of your changes and exit the Panel editing page.
|-
|'''Exit''' - if you have not made any changes to the Panel, your only option will be an Exit button.
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 800px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Grid Panel Properties'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|After selecting to Add or Edit a Grid Panel, a window will open with the following Properties.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | '''Tabs'''
|-
|style="text-align:center" | At the top of the page there will be 3 tabs to select from.
|-
|[[File:VPTabs.png|center|217px]]
|-
|'''Properties''' - this tab allows the user to name the Panel and to enter the refresh interval.
|-
|'''Layout''' - this tab provides access to the rows, columns and cells of the table. Also provides access to cells on a grid Panel.
|-
|'''Tags''' - this tab provides access to tag creation that monitors device data.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | '''Properties'''
|-
|[[File:VPProperties.png|center|400px]]
|-
|'''Panel Name''' - enter a name for the Panel.
|-
|'''ID''' - assigned by the VP IV software.
|-
|'''Refresh Interval''' - enter number of seconds - how often the Panel information should be refreshed.
|-
|'''Panel Fit - Stretch''' -  the panel will stretch to the full size of the cell provided.
|-
|'''Panel Fit - Aspect''' -  setup the aspect ratio to use in the cell and select the alignment.
|-
|'''Panel Fit - Actual Size''' - enter a size in pixels the Panel will be and select the alignment.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | '''Layout - Icons'''
|-
|style="text-align:center" | At the top of the layout, all of the cell movement and sizing options are available.
|-
|[[File:VPPropButtons.png|center|168px]]
|-
|'''Plus''' - select to add a new cell to the layout.
|-
|'''Trash Can''' - after selecting a cell, select this icon to remove that cell.
|-
|'''Document''' - after selecting a cell, select this icon to duplicate that cell.
|-
|'''Clipboard Left''' - after selecting a cell, select this icon to copy that cell.
|-
|'''Clipboard Right''' - after copying a cell, select this icon to paste the copied cell to the layout.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|[[File:VPMoveButtons.png|center|252px]]
|-
|'''Double Left Arrow''' - after selecting a cell, select this icon to move the cell 5 points left.
|-
|'''Single Left Arrow''' - after selecting a cell, select this icon to move the cell 1 point left.
|-
|'''Double Up Arrow''' - after selecting a cell, select this icon to move the cell 5 points up.
|-
|'''Single Up Arrow''' - after selecting a cell, select this icon to move the cell 1 point up.
|-
|'''Single Down Arrow''' - after selecting a cell, select this icon to move the cell 1 point down.
|-
|'''Double Down Arrow''' - after selecting a cell, select this icon to move the cell 5 points down.
|-
|'''Single Right Arrow''' - after selecting a cell, select this icon to move the cell 1 point right.
|-
|'''Double Right Arrow''' - after selecting a cell, select this icon to move the cell 5 points right.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|[[File:VPLayers.png|center|34px]] || [[File:VPLayers2.png|center|171px]]
|-
|colspan = "2" | '''Layers Icon''' - select this icon to view a checklist of items to be shown on the layout.
|-
|colspan = "2" | '''Checklist''' - click on the box of the layer/item you want to see on the layout. Examples does not have Show Images marked. This means no images will be shown on the layout.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | '''Layout - Cell Content'''
|-
|style="text-align:center" | At the bottom of the layout, all of the cell content options are available.
|-
|[[File:CPContent.png|center|160px]]
|-
|'''Content''' - select Text, Tag or Image from the drop down. Each option will provide a different selection/entry option.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | Click in one of the fields to adjust the specific Size or Position.
|-
|[[File:VPPosition.png|center|208px]]
|-
|'''X (Horiz.)''' - set this to adjust the amount of points the cell is left/right.
|-
|'''Y (Vert.)''' - set this to adjust the amount of points the cell is up/down.
|-
|'''Z (Layer)''' - set this to adjust the depth level for the cell.
|-
|'''Width''' - set this to adjust how many points wide the cell is (maximum of 100).
|-
|'''Height''' set this to adjust how many points tall the cell is (maximum of 100).
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | Click in one of the fields to adjust the color(s) of the cell.
|-
|[[File:VPGridColor.png|center|161px]]
|-
|'''Back''' - select this swatch to change the background color of the cell.
|-
|'''Fore''' - select this swatch to change the foreground (text) color of the cell.
|-
|'''Blink''' - select this option to setup cell blinking.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | Select an icon or field to adjust the Text Font, Alignment, Style or Size in the cell.
|-
|[[File:VPDecoration.png|center|306px]]
|-
|'''Alignment''' - select one of the icons to adjust the horizontal or vertical alignment of the text in the cell.
|-
|'''Font Style''' - select one or more of the icons to make the text Bold, Italics and/or Underlined.
|-
|'''Font''' - select the down arrow to select the font used in the cell.
|-
|'''Size''' - use this field to enter the percentage of the cell to fill with your Text.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | Select a field to adjust the Border of the cell.
|-
|[[File:VPBorder.png|center|188px]]
|-
|'''Style''' - select the down arrow to select the type of border to be used on the cell.
|-
|'''Padding''' - enter the number of points to pad the edges of the cell from Text or Images.
|-
|'''Size''' - enter the number of points for the thickness of the line.
|-
|'''Color''' - select the swatch to choose the color of the border.
|-
|'''Radius''' - enter the angle/radius of the corners of the cell. Entering a Zero makes the cell a Square.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | Use this area to select specific cells or setup actions and conditions for the cell.
|-
|[[File:VPSelected.png|center|279px]]
|-
|'''Selected Cell''' - select the down arrow to select the cell by position.
|-
|'''Action''' - select this button to setup specific actions.
|-
|'''Conditions''' - select this button to setup Content, Color & Visibility conditions.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | '''Tags'''
|-
|[[File:VPPropButtons.png|center|168px]]
|-
|'''Add a Tag''' - select the Plus Icon to add a new tag.
|-
|'''Delete a Tag''' - select a tag from the list so that it is highlighted - select the Trash Can Icon to remove the tag.
|-
|'''Duplicate''' - select a tag from the list so that it is highlighted - select the Dual File Icon to duplicate the tag.
|-
|'''Copy''' - select a tag from the list so that it is highlighted - select the Right Arrow Clip Board Icon to copy the tag.
|-
|'''Paste''' - select the Left Arrow Clip Board icon to paste the copied tag to the list.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|[[File:VPTagList.png|center|200px]]
|-
|'''List''' - all tags that have been added to the Panel will appear alphabetically in the list area.
|}
{|class="wikitable" style="background:white; align:center; width:775px"
|-
|style="text-align:center" | '''Save & Exit'''
|-
|[[File:VPSaveButton1.png|center|250px]]
|-
|'''Save''' - once you have made a change to the Panel you can select the Save button to save your changes.
|-
|'''Save & Exit''' - once you have mad a change to the Panel you can select the Save & Exit button to save your changes and exit the Panel editing page.
|-
|'''Discard''' - once you have made a change to the Panel you can select the Discard button to NOT Save any of your changes and exit the Panel editing page.
|-
|'''Exit''' - if you have not made any changes to the Panel, your only option will be an Exit button.
|}
|}
|}
|}
<br>
----
----
<br>
{|style="margin:auto;"
|valign="top" |
{|class="wikitable" style="text-align:center; background:#eaf3ff; width: 200px;"
|-
|[[Special:Categories|<big>'''Help by Category'''</big>]]
|}
|valign="top" |
{|class="wikitable" style="text-align:center; background:#eaf3ff; width: 200px;"
|-
|[[VT3000_How To Guides|<big>'''Step by Step Guides'''</big>]]
|}
|valign="top" |
{|class="wikitable" style="text-align:center; background:#eaf3ff; width: 200px;"
|-
|[[https://www.versacall.com/customer-support/service-ticket|<big>'''Submit a Ticket'''</big>]]
|}
|valign="top" |
{|class="wikitable" style="text-align:center; background:#eaf3ff; width: 200px;"
|-
|[[https://www.versacall.com/training|<big>'''Training Videos'''</big>]]
|}
|}
{|style="margin:auto;"
|valign="top" |
{|class="wikitable" style="text-align:center; background:#eaf3ff; width: 800px;"
|-
|colspan="2"|<inputbox>
              type=search
              default=Search VersaCall Support
            </inputbox>
|}
|}
|}

Latest revision as of 18:22, 21 November 2023

Call Now 858-677-6766 SubmitTckBtn.png EmailUsBtn.png


General Information

  • A panel is a display that is created to show on a Large Monitor in the plant or on a Computer Monitor at someone's desk.
  • The construction of the Panel is exactly the same as constructing a Widget.
  • Panels can be viewed individually or as part of a rotating panel.


Basic Functionality

  • On the left side of the Panels Home Screen, a list of all the Panels added to the system will show in alphabetical order.
  • On the Right side of the Panels Home Screen, the Add New Panel menu will show.


Panel Editing
  • A Panel can be Edited, Deleted, Printed or Copied.
  • Select a Panel from the list so that it is highlighted.
  • Select one of the buttons at the bottom of the list.
  • Edit - us this button to edit any aspect of the Panel.
  • Delete - use this button to permanently remove the Panel from the system.
  • Print - use this button to create a print out of the Panel Setup.
  • Copy - use this button to duplicate the Panel and access all editing aspects.
  • View - use this button to open the Panel live in a Web Browser Tab.


Add A Panel
  • There are 7 different types of Panels that can be created.
  • Each Panel type is available under the Add New Panel Menu.
  • Each Panel will have a Using vs Remaining statistic under the Panel Type.
  • There are 3 different sets of available Panel types.


Icon Functionality
Combo Panels
  • A Combo Panel provides the user with access & setup to all Tag & Widget Types as well as all Cell Types.
  • Table uses a Spreadsheet style of setup.
  • Grid uses a freeform cell style of setup.


Performance Panels
  • A Performance Panel provides the user with access & setup to all Tag & Widget Types. Limited Cell Types available.
  • Table uses a Spreadsheet style of setup.
  • Grid uses a freeform cell style of setup.


Andon Panels
  • An Andon Panel provides the user with access & setup to Limited Tag, Widget and Cell Types.
  • Used to shown State & Duration of Alarms.
  • Table uses a Spreadsheet style of setup.
  • Grid uses a freeform cell style of setup.


Informative Panels
  • An Informative Panel provides the user with NO access Tags. Widgets and Cell Types are limited.
  • Used to show Graphics or Text Messages.
  • Table uses a Spreadsheet style of setup.
  • Grid uses a freeform cell style of setup.


Messaging Panels
  • A Messaging Panel has not Tag access as it is not needed for the type of Panel.
  • Used to show Text Messages.
  • Creation is completed using a set of Steps & Options.


Table Panel - Tabs

  • After selecting to Add or Edit a Table Panel, a window will open with the following Properties.
Tabs - Navigation
  • There are 3 tabs at the top of the page that allow the user to access the appropriate areas when creating or editing a panel.
  • Properties - this tab allows the user to name the Panel and to enter the refresh interval.
  • Layout - this tab provides access to the rows, columns and cells of the table. Also provides access to cells on a grid Panel.
  • Tags - this tab provides access to tag creation that monitors device data.


Properties Tab

  • The Properties tab allows the user to enter a name and refresh interval for the Panel.
  • Panel Name - enter a name for the Panel.
  • ID - assigned by the VP IV software.
  • Refresh Interval - enter number of seconds - how often the Panel information should be refreshed.


Layout Tab

Table Editing Buttons
  • The Layout tab allows the user to create or edit the Panel using a Table format.
  • At the top of the table will be all the buttons needed to manipulate the Table.
  • Rows - use the Plus (+) & Minus (-) buttons to add and remove Rows from the table.
  • Columns - use the Plus (+) & Minus (-) buttons to add and remove Columns from the table.
  • Merge Horz. - use the Plus (+) & Minus (-) buttons to merge cells Horizontally in the table.
  • Merge Vert. - use the Plus (+) & Minus (-) buttons to merge cells Vertically in the table.
  • Clipboard - select a cell in the table - use the Copy or Paste button to either copy the selected cell or paste to the selected cell.
  • Move Horz. use the Left & Right buttons to move cells Horizontally in the table.
  • Move Vert. - use the Up & Down buttons to move cells Vertically in the table.


Table
  • In the center of the Layout page will be the Table.
  • This is a representation of how the Panel will look like when viewed.
  • Table - select first cell in the table (blue cell) to select the entire table and the properties.
  • Row - select the first cell of any row (blue cell) to select the entire row and its properties.
  • Column - select the first cell of any column (blue cell) to select the entire column and its properties.
  • Cell - select any individual cell to access its properties/setup.


Cell Properties
  • At the bottom of the Table, the user will find the Cell Properties Tools.
  • After selecting a Cell in the table, the user can define what should be presented in it.
  • Type - select what type of cell you want to create - Text, Tag or Image.
  • Content - depending on the type of cell you will have different options. Select/Enter the information that you want to show in the cell.
  • Alignment - select how you want the content to be aligned in the cell - Right, Left, Center & Top, Bottom, Center.
  • Font Style - with a Text or Tag cell, you can select the font be Bold, Italics or Underlined.
  • Font - with a Text of Tag Cell, you can select the type of font you want to show in the cell.
  • Size - with a Text or Tag Cell, you can select the font size for the cell.
  • Back - select the color that you want the background of the cell to be.
  • Fore - select the color that you want the font/text to be in the cell.
  • Blink - select if you want to blink information in the cell.


Tags Tab

Tools & List
  • On the Tags page allows the user the ability to query the system for status on a specific Device/Location.
  • There is a list of all created Tags for the panel. Above the list are the Tag Tools.
  • Add a Tag - select the Plus Icon to add a new tag.
  • Delete a Tag - select a tag from the list so that it is highlighted - select the Trash Can Icon to remove the tag.
  • Duplicate - select a tag from the list so that it is highlighted - select the Dual File Icon to duplicate the tag.
  • Copy - select a tag from the list so that it is highlighted - select the Right Arrow Clip Board Icon to copy the tag.
  • Paste - select the Left Arrow Clip Board icon to paste the copied tag to the list.
  • List - all tags that have been added to the Panel will appear alphabetically in the list area.


Save & Exit
  • Once the Panel has been created or all editing has been completed, the user can select to Save the changes.
  • At the top right side of all Layout Tabs, the user will see the Save buttons.
  • Save - once you have made a change to the Panel you can select the Save button to save your changes.
  • Save & Exit - once you have mad a change to the Panel you can select the Save & Exit button to save your changes and exit the Panel editing page.
  • Discard - once you have made a change to the Panel you can select the Discard button to NOT Save any of your changes and exit the Panel editing page.
  • Exit - if you have not made any changes to the Panel, your only option will be an Exit button.


Table Panel - Tabs

  • After selecting to Add or Edit a Grid Panel, a window will open with the following Properties.
Tabs - Navigation
  • There are 3 tabs at the top of the page that allow the user to access the appropriate areas when creating or editing a panel.
  • Properties - this tab allows the user to name the Panel, enter the refresh interval, and set the aspect ratio.
  • Layout - this tab provides access to the rows, columns and cells of the table. Also provides access to cells on a grid Panel.
  • Tags - this tab provides access to tag creation that monitors device data.


Properties Tab

  • The Properties tab allows the user to enter a name, a refresh interval, and an aspect ratio for the Panel.
  • Panel Name - enter a name for the Panel.
  • ID - assigned by the VP IV software.
  • Refresh Interval - enter number of seconds - how often the Panel information should be refreshed.
  • Panel Fit - Stretch - the panel will stretch to the full size of the cell provided.
  • Panel Fit - Aspect - setup the aspect ratio to use in the cell and select the alignment.
  • Panel Fit - Actual Size - enter a size in pixels the Panel will be and select the alignment.


Layout Tab

Cell Tools
  • On the Layout tab, the user will find the Cell Tools at the top left of the Grid board.
Size
  • Plus - select to add a new cell to the layout.
  • Trash Can - after selecting a cell, select this icon to remove that cell.
  • Document - after selecting a cell, select this icon to duplicate that cell.
  • Clipboard Left - after selecting a cell, select this icon to copy that cell.
  • Clipboard Right - after copying a cell, select this icon to paste the copied cell to the layout.
Movement
  • Double Left Arrow - after selecting a cell, select this icon to move the cell 5 points left.
  • Single Left Arrow - after selecting a cell, select this icon to move the cell 1 point left.
  • Double Up Arrow - after selecting a cell, select this icon to move the cell 5 points up.
  • Single Up Arrow - after selecting a cell, select this icon to move the cell 1 point up.
  • Single Down Arrow - after selecting a cell, select this icon to move the cell 1 point down.
  • Double Down Arrow - after selecting a cell, select this icon to move the cell 5 points down.
  • Single Right Arrow - after selecting a cell, select this icon to move the cell 1 point right.
  • Double Right Arrow - after selecting a cell, select this icon to move the cell 5 points right.
Layers
  • Layers - when selecting this icon, the user can View and/or Hide certain items. When selected the user will find the following options:
    • Show Images - enable this option to show any images that have been placed in a Cell.
    • Show Cell Labels - enable this option to show the Cell dimensions (X, Y, Z) inside the Cell.
    • Show Anchors - enable this option to see the Cell Type icon in the top left side of the Cell.
    • Show Text - enable this option to see the Text entered for the Cell.
Search & Replace
  • Search - when selecting this icon, the user can search for a specific name and replace it. Generally used when copying cells. When selected the user will find the following options:
    • Find - use this field to enter the name that needs to be found/replaced.
    • Replace - use this field to enter the new name for the found search.


Cell Contents
  • On the Layout tab, the user will find the Cell Content options at the bottom of the Grid.
  • This area allows the user to define what the cell is by selecting the down arrow.
  • Text - set the Cell to display Text.
  • Tag - set the Cell to display a Tag Value.
  • Image - set the Cell to display a selected Image.
  • URL - set the Cell to display a Webpage.
  • Real Time Report - set the Cell to display a selected Report.
  • Widget - set the Cell to display a selected Widget.


Size & Position
  • On the Layout tab, the user will find the Size & Position options at the bottom of the Grid to the right side of Cell Contents.
  • This area allows the user to define the size of the Cell and where the Cell is to be on the Grid.
  • X (Horiz.) - set this to adjust the amount of points the cell is left/right.
  • Y (Vert.) - set this to adjust the amount of points the cell is up/down.
  • Z (Layer) - set this to adjust the depth level for the cell.
  • Width - set this to adjust how many points wide the cell is (maximum of 100).
  • Height set this to adjust how many points tall the cell is (maximum of 100).


Color
  • On the Layout tab, the user will find the Color options at the bottom of the Grid to the right side of Size & Position.
  • This area allows the user to define the Cell background color and the Cell text color.
  • Back - select this swatch to change the background color of the cell.
  • Fore - select this swatch to change the foreground (text) color of the cell.
  • Blink - select this option to setup cell blinking.


Decoration
  • On the Layout tab, the user will find the Decoration options at the bottom of the Grid to the right side of Color.
  • This area allows the user to define how the Text will display in the Cell.
  • Alignment - select one of the icons to adjust the horizontal or vertical alignment of the text in the cell.
  • Font Style - select one or more of the icons to make the text Bold, Italics and/or Underlined.
  • Font - select the down arrow to select the font used in the cell.
  • Size - use this field to enter the percentage of the cell to fill with your Text.


Border
  • On the Layout tab, the user will find the Border options at the bottom of the Grid to the right side of Decorations.
  • This area allows the user to define the Border of a Cell.
  • Style - select the down arrow to select the type of border to be used on the cell.
  • Padding - enter the number of points to pad the edges of the cell from Text or Images.
  • Size - enter the number of points for the thickness of the line.
  • Color - select the swatch to choose the color of the border.
  • Radius - enter the angle/radius of the corners of the cell. Entering a Zero makes the cell a Square.


Selected Cell
  • On the Layout tab, the user will find the Cell Selection options at the bottom of the Grid to the right side of Border.
  • This area allows the user to select or alter specific Cells on the Grid.
  • Selected Cell - select the down arrow to select the cell by position.
  • Action - select this button to setup specific actions.
  • Conditions - select this button to setup Content, Color & Visibility conditions.


Tags Tab

Tools & List
  • On the Tags page allows the user the ability to query the system for status on a specific Device/Location.
  • There is a list of all created Tags for the panel. Above the list are the Tag Tools.
  • Add a Tag - select the Plus Icon to add a new tag.
  • Delete a Tag - select a tag from the list so that it is highlighted - select the Trash Can Icon to remove the tag.
  • Duplicate - select a tag from the list so that it is highlighted - select the Dual File Icon to duplicate the tag.
  • Copy - select a tag from the list so that it is highlighted - select the Right Arrow Clip Board Icon to copy the tag.
  • Paste - select the Left Arrow Clip Board icon to paste the copied tag to the list.
  • List - all tags that have been added to the Panel will appear alphabetically in the list area.


Save & Exit
  • Once the Panel has been created or all editing has been completed, the user can select to Save the changes.
  • At the top right side of all Layout Tabs, the user will see the Save buttons.
  • Save - once you have made a change to the Panel you can select the Save button to save your changes.
  • Save & Exit - once you have mad a change to the Panel you can select the Save & Exit button to save your changes and exit the Panel editing page.
  • Discard - once you have made a change to the Panel you can select the Discard button to NOT Save any of your changes and exit the Panel editing page.
  • Exit - if you have not made any changes to the Panel, your only option will be an Exit button.


Keyword Search

Type Subject or Key Word to Query Archives


VC Footer.png
Follow Us On LinkedIn View our Blog