Grid Widget Properties
|
After selecting to Add or Edit a Grid Widget, a window will open with the following Properties.
Tabs
|
At the top of the page there will be 3 tabs to select from.
|
|
Properties - this tab allows the user to name the widget 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 widget.
|
Tags - this tab provides access to tag creation that monitors device data.
|
Properties
|
|
Widget Name - enter a name for the widget.
|
ID - assigned by the VP IV software.
|
Refresh Interval - enter number of seconds - how often the widget 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 widget will be and select the alignment.
|
Layout - Icons
|
At the top of the layout, all of the cell movement and sizing options are available.
|
|
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.
|
|
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 Icon - select this icon to view a checklist of items to be shown on the layout.
|
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.
|
Layout - Cell Content
|
At the bottom of the layout, all of the cell content options are available.
|
|
Content - select Text, Tag or Image from the drop down. Each option will provide a different selection/entry option.
|
Click in one of the fields to adjust the specific Size or Position.
|
|
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).
|
Click in one of the fields to adjust the color(s) of the cell.
|
|
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.
|
Select an icon or field to adjust the Text Font, Alignment, Style or Size 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.
|
Select a field to adjust the Border of the 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.
|
Use this area to select specific cells or setup actions and conditions for the cell.
|
|
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
|
|
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 widget will appear alphabetically in the list area.
|
Save & Exit
|
|
Save - once you have made a change to the widget you can select the Save button to save your changes.
|
Save & Exit - once you have mad a change to the widget you can select the Save & Exit button to save your changes and exit the Widget editing page.
|
Discard - once you have made a change to the widget you can select the Discard button to NOT Save any of your changes and exit the Widget editing page.
|
Exit - if you have not made any changes to the Widget, your only option will be an Exit button.
|
|
|
|