https://elynxapp.elynxtech.com/
Image views can be created at a group level as well as at the device level, depending on the need. The method for creating either is very similar and each user has the option to use image views created for them, or they can create their own.
Note: Image Views created or edited in the new application are not backwards compatible.
Use these links to quickly jump to the different sections of this article on Creating & Using Image Views.
Accessing Image View
To create a Group Image View, choose a group that contains all the assets you wish to include. Once the Summary Listing screen loads, from the menu, select Image View.
To create a Device Image View, navigate to the device and from the menu, and select Image View.
Available Actions
When the Image View page loads, at either the device or group level, and no configuration has been set as a default, the screen will look like the following.
In the upper right corner there are three options, View Options, Create New, and Manage Image Library.
When the Image View page loads, at either the device or group level, and a configuration has been set as a default, or a user has selected a view, the actions menu expands and is shown below:
Note: Depending on the configuration, and a User's Credentials, some or all of these actions may be shown.
View Options
When View Options is selected, the option panel is displayed with the options to Choose a View and Scale to Fit are shown.
The Choose a View dropdown allows a user to select from configurations already within the system.
In the example above there are not any current configurations for the group but the three types of views are shown.
- Shared Views - Views that a user has access to that are able to be edited by the user.
- Shared Read-Only Views - Views a user has access to that are not able to be edited by the user.
- Private Views - Views that only the user has access to.
Scale to Fit only applies once a configuration has been selected. It is preset to scale the image to the available screen size. If toggled off, the image is displayed in the native resolution.
At the bottom of the View Options panel is a Reset button that resets the view to what is set as a default for the group or device.
Create New
When Create New is selected, the Image View Creation Wizard opens.
Image Views can have one or many pages based on the configuration. Each white box or card indicates a page. Each card allows the user to edit the Page Name, setup the contents of the page by selecting EDIT PAGE VIEW and if the configuration is completed the options to Duplicate or Delete the page.
Note that each page will have different specifications and should be named accordingly.
The option to Add Page will not become available until the first configuration has been completed. If multiple pages exist, the order in which they are displayed is based on the order in which the cards appear on the screen. To reorder, click in the center of the card on the two lines and you can drag to reorder. The topmost card will be Page 1.
Creating & Editing Page Views
To build out the first configuration or to edit an existing configuration, select EDIT PAGE VIEW.
Depending on if Image View was accessed at the Group Level or the Device level the next step will differ.
Select Contents
A Group Level Image View will ask the user to select the contents for the configuration. All devices, Wells and Tanks that are associated with the group are available.
If creating a Device Level Image View jump to Screen layout.
Note: there are tabs at the top categorizing items in the system. Some or all the categories shown may differ depending on what is within the group and customer type.
To access other categories, click the category name. To add Devices, Wells and Tanks to the image view, click within the row highlighted, on the name or in the box. To remove click again to uncheck.
On the righthand side of the screen there are a few options available for the Select Contents window.
Filter by Device Name - allows a user to filter the Devices, Wells, and Tanks window based on what is input.
View Selected Devices - quickly filters the Devices, Wells, and Tanks window to only show those selected.
Once all of the items have been added move to the next step by selecting SCREEN LAYOUT in the bottom right corner of the screen.
Screen Layout
The screen layout consists of 6 key components.
- Assets - available items to add to the Image View Page. Currently the available assets can include some or all of the following: Images, Devices, Wells, Tanks, Tank Batteries, Attributes, Data Values, and Historical Data. Some of these are defined by the contents selected and by the customer type (exe. Oil and Gas, Water) Working with Assets is described below.
- Panel - the Image View Canvas that will be the final page layout. Rulers to the top and left indicate the size. To add guides, a user can click on the ruler and drag a guide in place. Assets can be moved to the guide and will snap to the grid. To remove click and drag back to the ruler bar. Note the guides are not saved and will not appear on the final page.
- Panel Properties - properties for the Image View Canvas. The Panel has a default size of 1920 x 1080 to accommodate most monitors. Other options within the panel include: Panel Background color, a Panel Background Image, Default Font Sizing and weight for all Layers, as well as default layer background colors, border colors and text colors.
- Tools - tools to help with the alignment of assets. If one Layer is selected the only option is Delete via the trashcan icon. If more than one layer is selected 6 alignment options are available.
- Layers - when an Asset has been added to the Panel, it becomes a Layer. Within the Layers section a user can order the layers by clicking and dragging the cards and can activate a layer by clicking on it. Note the topmost card is going to be shown in front of all other assets in the event a user is overlaying assets. To utilize the Alignment Tools, hold down the shift key and click on multiple layers. With multiple layers selected, users can move all of the assets at once by clicking and dragging them.
- Layer Properties - properties for the asset layer. Each Asset type that becomes a layer will have varying layer properties and are covered below.
Working with Assets
To Add an Asset, click on the card and drag the card onto the panel.
Note: Based on the type of asset drug onto the panel, a different modal can appear.
Image Assets
Dragging an Image onto the Panel opens the Choose Image Files Modal where users select the image they wish to add to the canvas or panel.
Select the desired image by clicking on it and selecting OKAY.
Note from this panel in the upper right corner there is access to Manage the Image Library along with the ability to Show as a List/Grid.
After the image has been added to the panel, notice that there is now a Layer for the image as well as available options in the Layer Properties and Tools
Note the guides around the image, to resize click on one of the circles and drag. To move click on the image and drag to another position.
For Images Assets there are several options for the layer properties:
Layer Name - This defaults to the name of the image description. To change click within the gray box and edit the name.
Data Link - if you want to quickly replace the image click on Data Link and the image files are shown. Note the Layer name does not change but the image will be replaced.
Positioning - Left and Top based on pixels
Size - Image width and height in pixels of the container the image should fit.
Rotation - Allows Rotation of the image.
Background Color -If the image has a transparent background, that can be changed here. It is defaulted to transparent.
Border Color - If a user wishes to add a border it can be changed here. Defaulted to no border.
Sizing - The manner in which the image is sized within the bounds of the image container.
- Contain shows the whole image in the container, even if that leaves a little space to the sides or bottom while maintaining the original aspect ratio.
- Scale fills the container with the image while ignoring any aspect ratio. (can distort the image)
- Cover resizes the image to cover the entire container, even if it has to stretch the image or cut a little bit off one of the edges.
Image Repeat - by default is set to none, but options are available. Note when using the Image Repeat function, it is best to use Contain for the sizing.
- Repeat will tile the image in a grid.
- Repeat Horizontal will only repeat the image in a row.
- Repeat vertical will only repeat the image in a column.
Device Assets
Dragging a Device onto the Panel opens the Device Selection Modal where users select the device or devices they wish to add to the canvas or panel. Select the desired devices by clicking on them and selecting OKAY.
Shown below is a group image device panel with the multiple devices available from the selected contents. If others need to be added hit cancel and at the bottom of the screen s and then go back to select contents.
With the selection of the device the following was loaded to the panel:
For Device Assets there are several options for the layer properties:
Layer Name - This defaults to the name of the device. To change click within the gray box and edit the name.
Data Link - if you want to quickly replace the device click on Data Link and the Device Selection Modal is shown.
Positioning - Left and Top based on pixels
Size - Height and Width based on pixels
Rotation - Allows Rotation of the layer
Font Size - Changes the sizing of the Device Layer font and graphics.
Font Weight - Allows a user to define the font weight. (Light, Normal, Medium, Bold)
Background Color -the default color is set to transparent but can be changed if so desired. a box will appear behind the device asset filled with the background color.
Border Color - If a user wishes to add a border it can be changed here. Defaulted to no border.
Font Color - If a user wishes to change the Text color they can do so here for the layer. Note default is black.
Show Links - Is checked by default. this allows a user to have hyperlinks on the page to the device. Note these will vary by device.
Show Label - is checked by default and is the device name.
Tank Assets
Dragging a Tank onto the Panel opens the Tank Selection Modal where users select the Tank or Tanks they wish to add to the canvas or panel.
Filter by Tank Name - filters the selection modal displayed tanks based on the text entered for the tank name.
For Tank Assets there are several options for the layer properties:
Layer Name - This defaults to the name of the device name - attribute name. To change click within the gray box and edit the name.
Data Link - if you want to quickly replace the attribute click on Data Link and the Attribute Selection Modal is shown.
Positioning - Left and Top based on pixels
Size - Height and Width based on pixels
Rotation - Allows Rotation of the tank
Font Size - Changes the sizing of the Attribute Layer font.
Font Weight - Allows a user to define the font weight. (Light, Normal, Medium, Bold)
Background Color -the default color is set to transparent but can be changed if so desired. a box will appear behind the device asset filled with the background color.
Border Color - If a user wishes to add a border it can be changed here. Defaulted to no border.
Font Color - If a user wishes to change the Text color they can do so here for the layer. Note default is black.
Visualization - If a user wishes to switch to a tank visualization they can do so here by selecting Image from the drop down.
If Image is selected as the visualization then checkboxes are added that allow turning off and on several features.
- Show Label - Shows the Tank name above the tank image.
- Show Legend - Shows a color legend below the tank image for the different liquids.
- Show Volumes - Shows an indication along the side of the tank for the amount of liquid in the tank.
- Show Levels - Shows an indication along the side of the tank for the height of the tank.
- Show Last Stock - Includes a block of text with detailed information on the liquids in the tank.
- Show Last Level - Includes a block of text with detailed information on the tank height readings in the tank.
With all flags set to "on" the image displayed will be the same as seen on the Tank Details page in the application.
Attribute Assets
Dragging an Attribute onto the Panel opens the Attribute Selection Modal where users select the attribute or attributes they wish to add to the canvas or panel.
By default, all the attributes for all devices selected are shown.
In the options panel to the right there are a few options available.
Group By - Organizes the attributes in the attribute selection modal by one of the following
- Device (the Default) - Groups the attributes with the device they belong with.
- Attribute - displays all attributes across all selected devices with the device names below the attribute.
Filter by Device Name - filters the attribute selection modal displayed devices based on the text entered for the device name.
Filter by Attribute Name - filters the attribute selection modal displayed devices based on the text entered for the attribute name.
Select the desired attributes by clicking on them and selecting OKAY.
For Attribute Assets there are several options for the layer properties:
Layer Name - This defaults to the name of the device name - attribute name. To change click within the gray box and edit the name.
Data Link - if you want to quickly replace the attribute click on Data Link and the Attribute Selection Modal is shown.
Positioning - Left and Top based on pixels
Size - Height and Width based on pixels
Rotation - Allows Rotation of the layer
Font Size - Changes the sizing of the Attribute Layer font.
Font Weight - Allows a user to define the font weight. (Light, Normal, Medium, Bold)
Background Color -the default color is set to transparent but can be changed if so desired. a box will appear behind the device asset filled with the background color.
Border Color - If a user wishes to add a border it can be changed here. Defaulted to no border.
Font Color - If a user wishes to change the Text color they can do so here for the layer. Note default is black.
Data Value Assets
Dragging a Data Value onto the Panel opens the Data Value Selection Modal where users select the data values or value they wish to add to the canvas or panel.
By default, all the data values for all devices selected are shown.
In the options panel to the right there are a few options available.
Group By - Organizes the data value in the data value selection modal by one of the following.
- Device (the Default) - Groups the Data Values with the device they belong with.
- Attribute - displays all data values across all selected devices with the device names below the attribute.
Filter by Device Name - filters the data value selection modal displayed devices based on the text entered for the device name.
Filter by Attribute Name - filters the data value selection modal displayed devices based on the text entered for the data value name.
Select the desired attributes by clicking on them and selecting OKAY.
For Data Value Assets there are several options for the layer properties:
Layer Name - This defaults to the name of the device name-data value name. To change click within the gray box and edit the name.
Data Link - if you want to quickly replace the data value click on Data Link and the Data Value Selection Modal is shown.
Positioning - Left and Top based on pixels
Size - Height and Width based on pixels
Rotation - Allows Rotation of the layer.
Visualization - If a user wishes to represent the selected data value in an image format, they can do so here by selecting Image from the drop down and then defining rules for the image.
- Image Rules - in order for an image to be displayed, rules must be set. (when no image is defined a triangle with ! is displayed.
Click the
image to set the desired image and the condition. To add an additional rule and image select ADD RULE in the upper right. Once completed, select OKAY. (Note: The system evaluates the rules from the top down and displays the first true statement/image)
Font Size - Changes the sizing of the Data Value Layer font and graphics.
Font Weight - Allows a user to define the font weight. (Light, Normal, Medium, Bold)
Background Color -the default color is set to transparent but can be changed if so desired. a box will appear behind the data value asset filled with the background color.
Border Color - If a user wishes to add a border it can be changed here. Defaulted to no border.
Font Color - If a user wishes to change the text color they can do so here for the layer. Note default is black.
Show Links - Is checked by default. this allows a user to have hyperlinks on the page to the device. Note these will vary by device.
Show Label - is checked by default and is the device name.
Show Units - is checked by default and shows the unit of measure for the selected data value.
Manage Image Library
When Manage Image Library is selected, the image library is displayed with all of the current image assets in the system. The image library is available from the Image View Home screen as well as when in the configuration creation wizard.
The Image Library is broken into three main sections.
- Image Library - displays all of the images housed in the database.
- Available Actions - Displays the available actions for the Image Library.
- Options Panel - Allows users to filter the images and display image files that have been deleted.
1: Image Library
Each image within the system is displayed as a card. Containing a count of how many times the image appears in an image view configuration as well as an indication that the image cannot be deleted due to the use in Current Image Views.
2. Available Actions
When no image has been selected there are only two options, Add Images and Show as list or Show as Grid depending on what is currently displayed.
Show as List when selected will change the view of the Image Library from a Grid View to a List View
Show as Grid when selected will change the view of the Image Library from a List View to a Grid View.
Add Images when selected will open a file navigation screen allowing for selection of images to upload.
Note: More than one image can be uploaded at a time, by holding down the control key while selecting the images.
Once all images have been selected, select Open to add them to the library.
When an undeleted image is selected, the Available Actions Menu grows based on the file type as well if the image is in use. Other available actions are shown below:
Preview Image enlarges the selected image to view in greater detail.
Edit Image Descriptions allows the user to update the image description. The file name is NOT editable.
Download Images allows the user to save the image to their computer in the event they need a copy.
Delete Images allows a user to delete an image from the library if it is not linked to a configuration.
When a deleted image is selected two additional icons are shown.
(See Options Panel below to understand how to display deleted images)
Restore Images, allows a user to reload the image into the library for use in new configurations.
Delete Images Permanently, removes the image completely from the system FOREVER.
3.Options Panel
In the Options Panel, a user has the ability to search the images based on the File Description.
Pro Tip: If multiple departments are going to be using Image View be mindful of the description names to make it easier.
When the Show Deleted Files is toggled on, the images that had been previously deleted are displayed.
Refresh
This option is only available when an Image View Configuration is shown on the screen.
When Refresh is selected, the Image View Configuration will reload with fresh data.
Edit
This Edit option is only available when the user has the required security permissions for the Image View Configuration shown on the screen.
When selected, the Image View Configuration Wizard Opens. See Creating and Editing Page Views for details on how to use the Configuration Wizard.
Duplicate
This option is only available when an Image View Configuration is shown on the screen. When selected, the Current Image View is duplicated and the Configuration Wizard Opens with the duplicated Image View available to be edited. See Create New Image View and Creating and Editing Page Views for details on how the Wizard operates.
Set as Default
With an Image View Configuration on the screen, a user can set the image view as a default so that when they are in the group and navigate to the Image View Page the configuration is preloaded.
If the configuration is a Private View and Set as Default is selected, the Configuration is set as default for only the user.
Note that once this has been set you will get a message stating that "Your Default View has been set" and in the Options panel when you Choose a View, DEFAULT has been added after the configuration name.
If the configuration is Shared or Shared Read-Only and Set as Default is selected, there are more options available for those users with proper permissions.
- Set as my default.
- Set as default for all user that don't already have a default.
- Set as default for all users, including me.
Modify Permissions
Modify permissions are only available when a user has the required security permissions to make changes to the Image View Configuration shown on screen.
Some or all of the following options may be shown depending on the configuration.
Private - this option is only shown if you created the Image View Configuration, and you wish it to only be available for personal use.
Shared Read-Only - this option allows for the created Image View Configuration to be available for other users to access without the permission to edit.
Shared - this option allows for the created Image View Configuration to be available for other users to access with the permission to edit.
Note: Once a Private View is changed to Shared or Shared Read-Only it cannot be changed back to private.
Delete
The option to Delete is only available when the user has the required security permissions to remove an Image View Configuration. Once deleted, the configuration CANNOT be recovered.
If a Configuration is set as a Default View it cannot be Deleted. See Set as Default to learn how to change the setting.
Rename
The option to Rename is only available when you have the required security permissions for the configuration selected. Once Rename has been selected, a user has the following option:
To change the Image View Configuration Name, simply delete the current name and type in the desired Configuration Name. and select RENAME in the lower right corner.
Comments
0 comments
Please sign in to leave a comment.