Difference between revisions of "VPIV - Create an Andon Grid Panel"

From Versacall Support
Jump to navigation Jump to search
m (Text replacement - "https://www.linkedin.com/company/versacall-technologies-inc-/mycompany/" to "https://www.linkedin.com/company/versacall/")
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
=Andon Grid Panel/Widget=
{|style="background:transparent; color:black" border="0" height="230" align="center" valign="bottom"
An Andon Grid Pane/Widget will show the state and duration of an alarm on any type of device. The state of the alarm can be used to create color changes in the cell. Our example is for one call station and all 4 buttons. The instructions below can be used for an Andon Table Panel or an Andon Table Widget.
|+style="background:transparent|
 
|-align="center"
Example of an Andon Grid Panel:
|
 
|[[Image:CallUsBtn.png|Call Now 858-677-6766]]
[[File:ANGrid1.png|500 px]]
|
 
|[[Image:SubmitTckBtn.png|link=https://www.versacall.com/customer-support/service-ticket]]
 
|
==Panel Capabilities==
|[[Image:EmailUsBtn.png|link=mailto:[email protected]?Subject=Help%20Needed%20Wiki&body=Type%20Message%20Here]]
An Andon Grid Panel will accept/enable specific tags and widgets.
|}
 
<br>
'''1. Tags''' - Constant, State, Duration & System Property tags are available.
----
 
----
'''2. Widgets''' - Andon and Informative Widgets can be added to an Andon Grid Panel.
<br>
 
[[File:GeneralHeader.png]]
'''3. URL''' – Feature Not Available.
<br>
 
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
'''4. Real-Time Report''' - Feature Not Available.
|-
 
|<big>'''Overview'''</big>
 
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
==Getting Started==
|valign="top" |
 
|-
'''1.''' Select the Andon Grid Panel/Widget icon from the Add New list.
|Grid Panels allow the user to add a cell to the panel then place it anywhere on the screen as well as allowing for complete control over all cell properties. An Andon Grid Panel/Widget will show the state and duration of an alarm on any type of device. The state of the alarm can be used to create color changes in the cell. Our example is of a standard bingo board for one call station with 4 buttons/calls.
 
|-
[[File:AndonGrid.png]]
|style= "text-align:center" | '''NOTE''' - The instructions below apply to both a Panel & a Widget. Both are created exactly the same.
 
|}
 
|}
'''2.''' Enter a name for the panel/widget in the Panel/Widget Name field under the Properties Tab. Leave the Refresh Interval at 5.
<br>
 
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
[[File:AndonPan1.png]]
|-
 
|<big>'''Requirements'''</big>
 
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
===Tags===
|valign="top" |
 
{| class="wikitable mw-collapsible mw-collapsed" width="775px;"
'''1.''' Select the Tags tab - select to Add a tag.
|-
 
|style="text-align: center;" | '''See Requirements Here'''
[[File:AndonPan2.png]]
|-
 
|'''1.''' The VT3000 Core Software installed and running on your system.
 
|-
[[File:AndonPan3.png]]
|'''2.''' VPIV - Virtual Panels IV software installed and running on your system.
 
|-
 
|'''3.''' In order to create this type of panel you will need at least one module setup with 1 or more Alarms.
'''2.''' Create a State tag for each alarm/button on the Call Station. For more information on creating a State tag [[VPIV_State_Tag|'''Click Here''']].
|-
 
|'''4.''' If you plan on showing an image on the panel, ensure you have uploaded it to VPIV using the Media section of the software.
[[File:AndonPan4.png]]
|}
 
|}
 
|}
'''3.''' Create a Duration tag for each alarm/button on the Call Station. For more information on creating a Duration tag [[VPIV_Duration_Tag|'''Click Here''']]
<br>
 
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
[[File:AndonPan5.png]]
|-
 
|<big>'''Panel Capabilities'''</big>
 
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
'''4.''' After each State and Duration tag has been completed, click on the Layout tab.
|valign="top" |
 
{| class="wikitable mw-collapsible mw-collapsed" width="775px;"
[[File:AndonPan6.png]]
|-
 
|style="text-align: center;" | '''See Capabilities Here'''
 
|-
===Layout===
|'''1.  Tags''' - Constant, State, Duration & System Property.
====Button Name Cells====
|-
A Grid panel/widget will require cells to display the name of the alarm/button. This cell is free moving and can be placed anywhere on the provided grid area. Use the Movement icons to move the cell in the grid area.
|'''2.  Widgets''' - Andon & Information.
 
|-
'''1.''' Select to Add a Cell – the new cell will be highlighted on the grid.
|'''3.  URL''' - Not Available.
 
|-
[[File:ANGrid2.png]]
|'''4.  Real-Time Reports''' - Not Available.
[[File:ANGrid3.png]]
|}
 
|}
 
|}
'''2.''' Use the Content section to select Text – enter the name of the alarm/button in the provided field below.
<br>
 
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
[[File:ANGrid4.png]]
|-
 
|<big>'''Example'''</big>
 
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
'''3.''' Create a cell for each alarm/button – it will look like the example below.
|valign="top" |
 
|-
[[File:ANGrid5.png]]
|[[File:ANGrid1.png|center|517px]]  
 
|}
 
|}
====Alarm Cells====
<br>
A Grid panel/widget will require cells to display the alarm/button duration and state. This cell is free moving and can be placed anywhere on the provided grid area. Use the Movement icons to move the cell in the grid area.
----
 
----
'''1.''' Select to Add a Cell – the new cell will be highlighted on the grid.
<br>
 
[[File:InstructionHeader.png]]
[[File:ANGrid2.png]]
<br>
[[File:ANGrid3.png]]
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
 
|-
 
|<big>'''Step 1.'''</big>
'''2.''' Use the Content section to select Tag – select the first duration tag.
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
 
|valign="top" |
[[File:ANGrid6.png]]
|-
 
|Open the VT3000 web interface - select VPIV button from the welcome page.
 
{|style="margin:left;"
'''3.''' Using the color section – select Back – set the color to Green.
|valign="top" |
 
{|class="wikitable" style=" align="center; " background:white;"
[[File:ANGrid7.png]]
|-
[[File:AndonPan23.png]]
|[[File:VPImage1.png|center|257px]]
 
|}
 
|}
'''4.''' Using the color section – select Fore – set the color to Green.
|}
 
|}
[[File:ANGrid8.png]]
<br>
[[File:AndonPan23.png]]
----
 
<br>
 
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
'''5.''' Using the Movement buttons – align the cell to the right of the appropriate Button Name Cell.
|-
 
|<big>'''Step 2.'''</big>
[[File:ANGrid9.png]]
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
[[[File:ANGrid11.png]]
|valign="top" |
 
|-
 
|Select either the Panels or Widgets icon depending on which type you want to create.
'''6.''' Repeat the process for each alarm/button – it will look like the example below.
{|style="margin:left;"
 
|valign="top" |
[[File:ANGrid10.png]]
{|class="wikitable" style="background:white;"
 
|-
 
|[[File:VPIV_Panels.png|center|103px]] || [[File:VPIV_Widgets.png|center|103px]]
 
|}
====Cell Conditions====
|}
When an alarm/button is activated, the color of the cell can change depending on the state. For the example below, Red will indicate Active/Set and Yellow will indicate Acknowledged.
|}
 
|}
'''1.''' Select the first Alarm Cell.
<br>
 
----
[[File:ANGrid12.png]]
<br>
 
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
 
|-
'''2.''' Click on the Conditions button in the Selected Cell section.
|<big>'''Step 3.'''</big>
 
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
[[File:ANGrid13.png]]
|valign="top" |
 
|-
 
|When creating a Panel, select page 2 on the Add New menu. When creating a Widget, no page selection is required.
'''3.''' Select the Color tab.
{|style="margin:left;"
 
|valign="top" |
[[File:ANGrid14.png]]
{|class="wikitable" style="background:white;"
 
|-
 
|[[File:Inform5.png|center|314px]]
'''4.''' Click on the Add Color Condition button.
|}
 
|}
[[File:AndonPan29.png]]
|}
 
|}
 
<br>
'''5.''' In the Left Comparator field select the appropriate state tag for the alarm & device.
----
 
<br>
[[File:AndonPan30.png]]
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
 
|-
 
|<big>'''Step 4.'''</big>
'''6.''' Select the (=) sign from the middle field.
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
 
|valign="top" |
[[File:AndonPan31.png]]
|-
 
|Select the Andon Table Panel/Wdiget Icon in the list.
 
{|style="margin:left;"
'''7.''' Type 1 for the Right Comparator field.
|valign="top" |
 
{|class="wikitable" style="background:white;"
[[File:AndonPan32.png]]
|-
 
|[[File:AndonGrid.png|center|56px]]
 
|}
'''8.''' Select Back - set the color to Red.
|}
 
|}
[[File:AndonPan33.png]]
|}
 
<br>
 
----
[[File:AndonPan34.png]]
<br>
 
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
 
|-
'''9.''' Click on the OK link when finished.
|<big>'''Step 5.'''</big>
 
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
[[File:AndonPan35.png]]
|valign="top" |
 
|-
 
|Select the Properties tab at the top of the screen.
'''10.''' Click on the Add Color Condition button.
{|style="margin:left;"
 
|valign="top" |
[[File:AndonPan29.png]]
{|class="wikitable" style="background:white;"
 
|-
 
|[[File:VPIVPropTab.png|center|244px]]
'''11.'''  In the Left Comparator field select the appropriate state tag for the alarm & device.
|}
 
|}
[[File:AndonPan30.png]]
|}
 
|}
 
<br>
'''12.''' Select the (=) sign from the middle field.
----
 
<br>
[[File:AndonPan31.png]]
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
 
|-
 
|<big>'''Step 6.'''</big>
'''13.''' Type 2 for the Right Comparator field.
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
 
|valign="top" |
[[File:AndonPan36.png]]
|-
 
|Enter a name for the Panel/Widget in the Panel/Widget Name field under the Properties tab. Leave the Refresh Interval at 5.  
 
{|style="margin:left;"
'''14.''' Select Back set the color to Yellow.
|valign="top" |
 
{|class="wikitable" style="background:white;"
[[File:AndonPan37.png]]
|-
 
|[[File:AndonPan1.png|center|188px]]
 
|}
'''15.''' Click on the OK link when finished.
|}
 
|}
[[File:AndonPan35.png]]
|}
 
<br>
 
----
'''16.''' Close the Conditions Window with the (X) button.
<br>
 
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
[[File:AndonPan38.png]]
|-
 
|<big>'''Step 7.'''</big>
 
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
'''17.''' Repeat this process with the remaining Alarm Cells selecting the appropriate state tag.
|valign="top" |
 
|-
 
|After entering a name for the Panel/Widget, select the Tags Tab at the top of the page.
====Station Name Cell====
{|style="margin:left;"
Each group of alarms/buttons and alarm cells will need a heading with the Call Station Name. This cell is free moving and can be placed anywhere on the provided grid area. Use the Movement icons to move the cell in the grid area.
|valign="top" |
 
{|class="wikitable" style="background:white;"
'''1.''' Select to Add a Cell – the new cell will be highlighted on the grid.
|-
 
|[[File:AndonPan2.png|center|227px]]
[[File:ANGrid2.png]]
|}
[[File:ANGrid3.png]]
|}
 
|}
 
|}
'''2.''' Using the Movement buttons – align the cell atop the button and alarm cells – align the cell with the left side of the cell group.
<br>
 
----
[[File:ANGrid15.png]]
<br>
 
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
 
|-
'''3.''' Using the Size buttons – increase the width to cover the button name cells and alarm cells.
|<big>'''Step 8.'''</big>
 
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
[[File:ANGrid16.png]]
|valign="top" |
 
|-
 
|On the Tag page, select the Add Tag icon.
'''4.''' Using the Content section – select Text as the type – enter the name of the Call Station in the provided field.
{|style="margin:left;"
 
|valign="top" |
[[File:ANGrid17.png]]
{|class="wikitable" style="background:white;"
 
|-
 
|[[File:AndonPan3.png|center|220px]]
'''5.''' The screen will look like the example below.
|}
 
|}
[[File:ANGrid18.png]]
|}
 
|}
 
<br>
====Final Steps====
----
After all the cells have been created and aligned for a specific Call Station, the user can decide to make additional Call Stations on the same grid or create a separate panel/widget for each Call Station. Click on the Save & Exit button once either scenario has been completed.
<br>
 
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
[[File:AndonPan39.png]]
|-
|<big>'''Step 9.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Create a State tag for each alarm on each device that needs to be shown on the panel/widget. This is done so that we can use the tag to change the color of a cell to show Active (Red), Acknowledged (Yellow) & Not Active (Green).
|-
|style= "text-align:center" | <u>For more information on creating a State tag [[VPIV_State_Tag|'''Click Here''']]</u>.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white; width:775px;"
|-
|[[File:AndonPan4.png|center|404px]]
|}
{|class="wikitable" style="background:white; width:775px;"
|-
|style= "text-align:left" | '''Name''' - enter a name for the tag - ensure it is something that you will recognize..
|-
|style= "text-align:left" | '''Functionality''' - select State.
|-
|style= "text-align:left" | '''Data Source''' - select Monitoring Point.
|-
|style= "text-align:left" | '''Device''' - select the device that you want to setup.
|-
|style= "text-align:left" | '''Monitoring Point''' - select the Alarm/Call you want to setup.
|-
|style= "text-align:left" | '''Result''' - select Integer.
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 10.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Select the Add Tag icon.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan3.png|center|220px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 11.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Create a Duration tag for each alarm on each device that needs to be shown on the panel/widget. This will be used to show the active time the Alarm/Call has been active.
|-
|style= "text-align:center" | <u>For more information on creating a Duration tag [[VPIV_Duration_Tag|'''Click Here''']].</u>
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white; width:775px;"
|-
|[[File:AndonPan50.png|center|334px]]
|}
{|class="wikitable" style="background:white; width:775px;"
|-
|style= "text-align:left" | '''Name''' - enter a name for the tag - ensure it is something that you will recognize..
|-
|style= "text-align:left" | '''Functionality''' - select Duration.
|-
|style= "text-align:left" | '''Active Only''' - select Active Only - we want the panel to show time only when an Alarm/Call is active or acknowledged.
|-
|style= "text-align:left" | '''Time Period''' - no selection is required as we are using the Active Only option.
|-
|style= "text-align:left" | '''Schedule''' - no selection is required as we are using the Active Only option.
|-
|style= "text-align:left" | '''Exclude Overlap''' - leave this unchecked - not required.
|-
|style= "text-align:left" | '''Option''' - select All Time.
|-
|style= "text-align:left" | '''Data Source''' - select Monitoring Point.
|-
|style= "text-align:left" | '''Device''' - select the device that you want to setup.
|-
|style= "text-align:left" | '''Monitoring Point''' - select the Alarm/Call you want to setup.
|-
|style= "text-align:left" | '''Result''' - select Time Span.
|-
|style= "text-align:left" | '''Format''' - select HH:MM:SS.
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 12.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|After all of the State & Duration Tags are setup for the device(s) - click on the Save & Exit button in the top right corner of the screen. This is done as a good practice measure so that there is a lower risk of losing a connection/changes.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:VPSaveButton1.png|250px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 13.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|You will be returned to the Panels/Widgets home page. Click on the Panel/Widget that you created in the steps above so that it is highlighted - click on the Edit button.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonGrid50.png|476px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 14.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Click on the Layout tab at the top of the page.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan6.png|222px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 15.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|In this example, we will be making a panel for 2 modules that have the same 4 alarms/calls (Maintenance, Lead, Materials & Supervisor). To accomplish this you will need to add all of the Cells to the Grid. Use the Add Cell ('''+''') icon at the top left of the Grid.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:ANGrid2.png|191px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 16.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|A new cell will appear highlighted on the grid.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:ANGrid3.png|284px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 17.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Find the Content section at the bottom left of the Grid. By default the content field will be set to Text. Type in the name of the first alarm. For our example this will be Maintenance.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:ANGrid4.png|129px]]
|}
|}
|}
|}
<br>
----
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 18.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Next we will add the Alarm state/duration cells to the right side of the button/call heading that was created. Click on the Add Cell icon.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:ANGrid2.png|191px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 19.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|With the new cell highlighted on the grid, find the Content section at the bottom left of the grid.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:ANGrid3.png|284px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 20.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Click on the down arrow for the Content field and select Tag. Select the Maintenance Duration tag for the first module/device.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:ANGrid6.png|133px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 21.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|To the right of the Content section, find the Colors section. Click on the Back color swatch.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:ANGrid7.png|136px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 22.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Select the Green color swatch in the 1st row. Select the OK button after making the color selection.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan23.png|303px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 23.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|In the Color section click on the Fore color swatch.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:ANGrid8.png|136px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 24.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Select the Green color swatch in the 1st row. Select the OK button after making the color selection.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan23.png|303px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 25.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|This creates the default status of the cell. When no alarms/calls are active the cell will be solid green. The duration tag you selected is in the cell but is made invisible by matching the Fore color to the Back color.
|-
|Next you will need to move the cell next to the alarm label. Using the Movement tools at the top of the grid, move the duration cell next to the Maintenance label.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:ANGrid9.png|267px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 26.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|When you are done moving the cell, your grid should look like the image below.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:ANGrid11.png|385px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 27.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Repeat the cell creation steps for the remaining Alarms/Calls. When this process is completed your Grid should look similar to the image below.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:ANGrid10.png|387px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 28.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Next we will be setting up conditions to turn the Duration Cell different colors based on the State of the Alarm/Call. Select the first Duration Cell that you created - find the Selected Cell section at the bottom of right the Grid. Select the Conditions button.
|-
|style= "text-align:center" | <u>For our example we will be using the default color scheme.</u>
|-
|style= "text-align:center" | '''Red Cell''' = Active Call.
|-
|style= "text-align:center" | '''Yellow Cell''' = Acknowledged Call.
|-
|style= "text-align:center" | '''Green Cell''' =  No Active Calls/Default.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:ANGrid13.png|225px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 29.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|The Conditions menu will pop-up - select the Color tab.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:ANGrid14.png|315px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 30.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Click on the Add Color Condition button.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan29.png|168px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 31.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Click on the down arrow in the Left Comparator field, select the appropriate state tag for the alarm & device. In this example we selected TEST1_MAINT_STATE.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan30.png|250px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 32.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Select the (=) sign from the middle/comparator field.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan31.png|55px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 33.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Type 1 for the Right Comparator field.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan32.png|248px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 34.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Below the Comparator fields, there will be color swatches. Click on the Back color swatch.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan33.png|237px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 35.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|On the Colors pop-up menu, select the Red color swatch on the 4th row. Click on the OK button.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan34.png|301px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 36.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|This sets up the color condition for when a call has been activated but not acknowledged. Click on the OK option next to the Right Comparator field above the color swatches.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan35.png|341px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 37.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Next we will be setting up the color condition for an Acknowledged Alarm/Call. Click on the Add Color Condition button.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan29.png|168px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 38.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Click on the down arrow in the Left Comparator field, select the same state tag as you did in the steps above. In this example we selected TEST1_MAINT_STATE.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan30.png|250px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 39.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Select the (=) sign from the middle/comparator field.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan31.png|55px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 40.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Type 2 for the Right Comparator field.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan36.png|248px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 41.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Click on the Back color swatch.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan33.png|237px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 42.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|On the Colors pop-up menu, select the Yellow color swatch on the 5th row. Click on the OK button.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan37.png|302px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 43.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|This sets up the color condition for when a call has been acknowledged but not cleared. Click on the OK option next to the Right Comparator field above the color swatches.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan35.png|341px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 44.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|When both Color Conditions have been setup and saved, click on the "X" button to close the Conditions menu.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan38.png|90px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 45.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Next we will need to add a Station Name label above the Alarm/Call cells. Click on the Add icon at the top left of the grid.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:ANGrid2.png|191px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 46.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Using the Movement tools, place the cell at the top of the group of cells you have created. Your grid should look similar to the image below.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:ANGrid15.png|386px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 47.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|With the cell highlighted, find the Content section at the bottom left of the grid. Text will be selected by default, enter the name of the station in the field below. In our example we entered Call Station 1.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:ANGrid17.png|138px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 48.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|With the cell still highlighted, find the Size toolbox at the top of the grid. We need to extend the length of the title cell to go across both the label & duration cells you created. Use the extend icon to expand the cell to cover both cells.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:ANGrid16.png|143px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 49.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|When you are done expanding the cell, your grid should look like the image below.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:ANGrid18.png|383px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 50.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Repeat the process for any additional Stations/Locations that you want to add to this panel. Once everything you need has been added, select the Save & Exit button at the top right corner of the table
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:VPSaveButton1.png|250px]]
|}
|}
|}
|}
<br>
----
----
<br>
{|style="margin:auto;"
|+
[[File:RelatedHowTos.png|center]]
|align="center" |
{| class="wikitable mw-collapsible mw-collapsed" width="400px;"
|-
|style="text-align: center;" | '''Select a Guide Here'''
|-
|[[VPIV - Create/Edit Rotating Panels|Create a Rotating Panel]]
|-
|[[VPIV - Create a Messaging Panel|Create a Messaging Panel]]
|-
|[[VPIV - Create an Informative Table Panel|Create an Informative Panel]]
|-
|[[VPIV - Create an Andon Table Panel|Create an Andon (Table) Panel]]
|-
|[[VPIV - Create a Performance Table Panel|Create a Performance (Table) Panel]]
|}
|}
<br>
----
<br>
{|style="margin:auto;"
|+
[[File:SearchHeader.png|center]]
|align="center" |
{|class="wikitable"
|-
|<inputbox>type=search</inputbox>
|}
|}
<br>
----
<br>
[[File:VC Footer.png|center]]
{|style="background:transparent; color:black" border="0" height="200" align="center" valign="bottom" cellpadding=10px cellspacing=10px
|+style="background:transparent|
|-align="center"
|
|[[File:LinkedIn.png|Follow Us On LinkedIn|link=https://www.linkedin.com/company/versacall/]]
|
|[[File:BlogIcon.png|View our Blog|link=https://www.versacall.com/blog/]]
|}
<br>
[[Category:Virtual Panels IV]]
[[Category:Andon Panel]]
[[Category:Panels]]
[[Category:Grid Panels]]

Latest revision as of 19:24, 20 April 2023

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





GeneralHeader.png

Overview
Grid Panels allow the user to add a cell to the panel then place it anywhere on the screen as well as allowing for complete control over all cell properties. An Andon Grid Panel/Widget will show the state and duration of an alarm on any type of device. The state of the alarm can be used to create color changes in the cell. Our example is of a standard bingo board for one call station with 4 buttons/calls.
NOTE - The instructions below apply to both a Panel & a Widget. Both are created exactly the same.


Requirements
See Requirements Here
1. The VT3000 Core Software installed and running on your system.
2. VPIV - Virtual Panels IV software installed and running on your system.
3. In order to create this type of panel you will need at least one module setup with 1 or more Alarms.
4. If you plan on showing an image on the panel, ensure you have uploaded it to VPIV using the Media section of the software.


Panel Capabilities
See Capabilities Here
1. Tags - Constant, State, Duration & System Property.
2. Widgets - Andon & Information.
3. URL - Not Available.
4. Real-Time Reports - Not Available.


Example
ANGrid1.png





InstructionHeader.png

Step 1.
Open the VT3000 web interface - select VPIV button from the welcome page.
VPImage1.png




Step 2.
Select either the Panels or Widgets icon depending on which type you want to create.
VPIV Panels.png
VPIV Widgets.png




Step 3.
When creating a Panel, select page 2 on the Add New menu. When creating a Widget, no page selection is required.
Inform5.png




Step 4.
Select the Andon Table Panel/Wdiget Icon in the list.
AndonGrid.png




Step 5.
Select the Properties tab at the top of the screen.
VPIVPropTab.png




Step 6.
Enter a name for the Panel/Widget in the Panel/Widget Name field under the Properties tab. Leave the Refresh Interval at 5.
AndonPan1.png




Step 7.
After entering a name for the Panel/Widget, select the Tags Tab at the top of the page.
AndonPan2.png




Step 8.
On the Tag page, select the Add Tag icon.
AndonPan3.png




Step 9.
Create a State tag for each alarm on each device that needs to be shown on the panel/widget. This is done so that we can use the tag to change the color of a cell to show Active (Red), Acknowledged (Yellow) & Not Active (Green).
For more information on creating a State tag Click Here.
AndonPan4.png
Name - enter a name for the tag - ensure it is something that you will recognize..
Functionality - select State.
Data Source - select Monitoring Point.
Device - select the device that you want to setup.
Monitoring Point - select the Alarm/Call you want to setup.
Result - select Integer.




Step 10.
Select the Add Tag icon.
AndonPan3.png




Step 11.
Create a Duration tag for each alarm on each device that needs to be shown on the panel/widget. This will be used to show the active time the Alarm/Call has been active.
For more information on creating a Duration tag Click Here.
AndonPan50.png
Name - enter a name for the tag - ensure it is something that you will recognize..
Functionality - select Duration.
Active Only - select Active Only - we want the panel to show time only when an Alarm/Call is active or acknowledged.
Time Period - no selection is required as we are using the Active Only option.
Schedule - no selection is required as we are using the Active Only option.
Exclude Overlap - leave this unchecked - not required.
Option - select All Time.
Data Source - select Monitoring Point.
Device - select the device that you want to setup.
Monitoring Point - select the Alarm/Call you want to setup.
Result - select Time Span.
Format - select HH:MM:SS.




Step 12.
After all of the State & Duration Tags are setup for the device(s) - click on the Save & Exit button in the top right corner of the screen. This is done as a good practice measure so that there is a lower risk of losing a connection/changes.
VPSaveButton1.png




Step 13.
You will be returned to the Panels/Widgets home page. Click on the Panel/Widget that you created in the steps above so that it is highlighted - click on the Edit button.
AndonGrid50.png




Step 14.
Click on the Layout tab at the top of the page.
AndonPan6.png




Step 15.
In this example, we will be making a panel for 2 modules that have the same 4 alarms/calls (Maintenance, Lead, Materials & Supervisor). To accomplish this you will need to add all of the Cells to the Grid. Use the Add Cell (+) icon at the top left of the Grid.
ANGrid2.png




Step 16.
A new cell will appear highlighted on the grid.
ANGrid3.png




Step 17.
Find the Content section at the bottom left of the Grid. By default the content field will be set to Text. Type in the name of the first alarm. For our example this will be Maintenance.
ANGrid4.png






Step 18.
Next we will add the Alarm state/duration cells to the right side of the button/call heading that was created. Click on the Add Cell icon.
ANGrid2.png




Step 19.
With the new cell highlighted on the grid, find the Content section at the bottom left of the grid.
ANGrid3.png




Step 20.
Click on the down arrow for the Content field and select Tag. Select the Maintenance Duration tag for the first module/device.
ANGrid6.png




Step 21.
To the right of the Content section, find the Colors section. Click on the Back color swatch.
ANGrid7.png




Step 22.
Select the Green color swatch in the 1st row. Select the OK button after making the color selection.
AndonPan23.png




Step 23.
In the Color section click on the Fore color swatch.
ANGrid8.png




Step 24.
Select the Green color swatch in the 1st row. Select the OK button after making the color selection.
AndonPan23.png




Step 25.
This creates the default status of the cell. When no alarms/calls are active the cell will be solid green. The duration tag you selected is in the cell but is made invisible by matching the Fore color to the Back color.
Next you will need to move the cell next to the alarm label. Using the Movement tools at the top of the grid, move the duration cell next to the Maintenance label.
ANGrid9.png




Step 26.
When you are done moving the cell, your grid should look like the image below.
ANGrid11.png




Step 27.
Repeat the cell creation steps for the remaining Alarms/Calls. When this process is completed your Grid should look similar to the image below.
ANGrid10.png




Step 28.
Next we will be setting up conditions to turn the Duration Cell different colors based on the State of the Alarm/Call. Select the first Duration Cell that you created - find the Selected Cell section at the bottom of right the Grid. Select the Conditions button.
For our example we will be using the default color scheme.
Red Cell = Active Call.
Yellow Cell = Acknowledged Call.
Green Cell = No Active Calls/Default.
ANGrid13.png




Step 29.
The Conditions menu will pop-up - select the Color tab.
ANGrid14.png




Step 30.
Click on the Add Color Condition button.
AndonPan29.png




Step 31.
Click on the down arrow in the Left Comparator field, select the appropriate state tag for the alarm & device. In this example we selected TEST1_MAINT_STATE.
AndonPan30.png




Step 32.
Select the (=) sign from the middle/comparator field.
AndonPan31.png




Step 33.
Type 1 for the Right Comparator field.
AndonPan32.png




Step 34.
Below the Comparator fields, there will be color swatches. Click on the Back color swatch.
AndonPan33.png




Step 35.
On the Colors pop-up menu, select the Red color swatch on the 4th row. Click on the OK button.
AndonPan34.png




Step 36.
This sets up the color condition for when a call has been activated but not acknowledged. Click on the OK option next to the Right Comparator field above the color swatches.
AndonPan35.png




Step 37.
Next we will be setting up the color condition for an Acknowledged Alarm/Call. Click on the Add Color Condition button.
AndonPan29.png




Step 38.
Click on the down arrow in the Left Comparator field, select the same state tag as you did in the steps above. In this example we selected TEST1_MAINT_STATE.
AndonPan30.png




Step 39.
Select the (=) sign from the middle/comparator field.
AndonPan31.png




Step 40.
Type 2 for the Right Comparator field.
AndonPan36.png




Step 41.
Click on the Back color swatch.
AndonPan33.png




Step 42.
On the Colors pop-up menu, select the Yellow color swatch on the 5th row. Click on the OK button.
AndonPan37.png




Step 43.
This sets up the color condition for when a call has been acknowledged but not cleared. Click on the OK option next to the Right Comparator field above the color swatches.
AndonPan35.png




Step 44.
When both Color Conditions have been setup and saved, click on the "X" button to close the Conditions menu.
AndonPan38.png




Step 45.
Next we will need to add a Station Name label above the Alarm/Call cells. Click on the Add icon at the top left of the grid.
ANGrid2.png




Step 46.
Using the Movement tools, place the cell at the top of the group of cells you have created. Your grid should look similar to the image below.
ANGrid15.png




Step 47.
With the cell highlighted, find the Content section at the bottom left of the grid. Text will be selected by default, enter the name of the station in the field below. In our example we entered Call Station 1.
ANGrid17.png




Step 48.
With the cell still highlighted, find the Size toolbox at the top of the grid. We need to extend the length of the title cell to go across both the label & duration cells you created. Use the extend icon to expand the cell to cover both cells.
ANGrid16.png




Step 49.
When you are done expanding the cell, your grid should look like the image below.
ANGrid18.png




Step 50.
Repeat the process for any additional Stations/Locations that you want to add to this panel. Once everything you need has been added, select the Save & Exit button at the top right corner of the table
VPSaveButton1.png





RelatedHowTos.png
Select a Guide Here
Create a Rotating Panel
Create a Messaging Panel
Create an Informative Panel
Create an Andon (Table) Panel
Create a Performance (Table) Panel




SearchHeader.png




VC Footer.png
Follow Us On LinkedIn View our Blog