Dashboard - Image View

Dashboard is a screen composed of widgets expressing registered channel values ​​and is located at the first of the web page side menu.

[ENG] Radio Node 365, Dashboard function introduction

[ENG] How to use the dashboard of Radionode365

1. Description of image view function

Image View is the second sub-menu of the webpage dashboard menu. You can upload site images and add widgets to desired locations, so you can manage sites more intuitively than [Widget View].

There are edit mode, refresh, and full screen buttons on the top right. edit mode If you press the button, the + button to add a view to the view list area, add widget, and view setting buttons are displayed. Add widget You can set the widget name, widget type (number widget, chart widget, point widget), widget normal/alarm color, and channel by pressing the button. view settings Press button to update data (30 seconds, 1 minute, 5 minutes, 10 minutes), title of the image view, title text color, alarm information (widget name, channel name, normal range, person in charge), slide when full screen is selected You can check operation status, image enlargement, and image registration/modification.

When creating multiple image views, you can check them in the view list and register them in the order in which they were created. If you have multiple user accounts, you can organize image views per user.

Starting with the Eco plan or higher, you can register and use multiple image views.

main function

  • Provide image enlargement function
  • Provide full screen and slide function
  • You can select the widget type and channel on the image and move it to the desired location.
  • The alarm information list set in the widget can be moved to the desired location on the image
  • Border color or tail color for each widget can be set separately for normal and abnormal (alarm)
  • When an alarm occurs, the color of the widget changes and blinks to immediately determine that it is an abnormal situation.
  • Provides a function that shows only the image view when an alarm occurs while sliding the image view in full screen mode

1.1 Add ImageView

When you press the edit mode button, the list close button [≡] in the [View List] changes to a + button, as shown in the image below left. Clicking the [+] button opens the [Add Image View] pop-up window as shown below on the right.

Add image view button location
  1. Enter a subject.
  2. Select the title text color. If not selected, it is selected by default.
  3. Upload a background image. Only images (jpg, jpeg, gif, png, bmp) can be registered. GIF supports up to 10MB.
  4. When you click the Save button, an image view will be created.
Add image view pop-up window

1.2 Setting the image view

If you add an image view and press the [View Settings] button at the top, a pop-up window will open as shown below.

Image View Settings pop-up window
  1. Slides and data are updated on the full screen or on the main screen according to the set refresh cycle.
  2. Title can be changed.
  3. You can also change the title text color.
  4. If you activate the alarm information button, you can display a table with the widget name, channel name, normal range, and contact person information organized in the image view.
  5. Only image views that have the full screen slide feature enabled can slide.
  6. Image can be changed. Supported file types are 'jpg , jpeg , gif , png , bmp'.

1.3 Widget Description

number widget

  • Displays the widget name, current value, and unit of measurement.
  • Up to 1 channels can be registered in one number widget. You can change to another widget by tapping the pen icon.
  • In order to display different colors depending on the situation, you can set the widget color for normal and abnormal conditions (when an alarm occurs).
  • It is suitable for use when you want to see multiple channel values.
  • When changing from a number widget to a chart widget, the coordinates are maintained, and when changing to a point widget, the point widget is created at the end of the tail.

chart widget

  • Shows the widget name, current value, and data chart.
  • Up to 1 channel can be registered in 1 chart widget. You can change to another widget by tapping the pen icon.
  • In order to display different colors depending on the situation, you can set the widget color for normal and abnormal conditions (when an alarm occurs).
  • It is suitable for use when you want to observe the trend of change.
  • Data charts show data from the past 12 hours from now.
  • When changing from a chart widget to a number widget, the coordinates are maintained, and when changing to a point widget, a point widget is recreated at the tip of the tail.

point widget

  • Indicates that the corresponding channel is normal/abnormal (alarm).
  • Up to 1 channel can be registered in 1 chart widget. You can change to another widget by tapping the pen icon.
  • In order to display different colors depending on the situation, you can set the widget color for normal and abnormal conditions (when an alarm occurs).
  • Suitable for checking door open/closed or ON/OFF.
  • When changing from a point widget to another widget, the coordinates are initialized to prevent out of the moving area.

dot widget

  • Indicates that the corresponding channel is normal/abnormal (alarm).
  • Up to 1 channels can be registered in one dot widget. You can change to another widget by tapping the pen icon.
  • In order to display different colors depending on the situation, you can set the widget color for normal and abnormal conditions (when an alarm occurs).
  • When you have many sensors, you can check the status of a wide field at a glance by grouping channels by location.
  • When you click the widget, you can check the sensor information assigned to the widget.
Dot widget when an alarm occurs

1.4 Adding and changing widgets

Click the Add Widget button to open a pop-up window as shown below.

  1. Enter a widget name.
  2. Select a widget type.
  3. Select widget normal color and alarm color. If not selected, it will be saved as default.
  4. Select 1 channel (up to 10 number widgets can be selected).
  5. When the save button is pressed, the corresponding widget is registered on the image view.

1.5 Moving widgets

If you add a number widget and a chart widget, they will be registered in the basic form like number 1. At this time, press the left mouse button and drag to the desired position (sensor position), then press the ribbon-shaped point lock button to fix the point. After fixing the point at the sensor position, press the data area to move it, and the tail can be extended in the form of No. 2 and used.

When you add a point widget, it is registered as number 3. If you drag it with the left mouse button and move it to the desired location, the location is immediately fixed.

1.6 Widget color changes and flickers in case of alarm, alarm information display

When an alarm occurs, it is displayed in red on the dashboard as shown below. In the case of the widget, since the flickering effect is also reflected, it is possible to determine whether an alarm has occurred not only by sound but also by sight.

When you activate the alarm information function, you can check the normal range of channels registered as widgets (up to 3 can be displayed) and alarm recipients (up to 3 can be displayed, excluding duplicate recipients).

1.7 Full Screen Slide Feature

When the full screen button is pressed, the image view is displayed in the entire monitor area as shown below.

fullscreen in imageview
  1. The screen slides according to the refresh cycle set for each image view.
  2. When an alarm occurs, only the image view in which the alarm occurred is displayed even if the slide function of the image view to which the corresponding channel is registered is not activated.
  3. When the alarm occurrence situation is over, the image view slide starts again.
  4. If there is only one image view with the full screen slide button enabled, only that image view will be updated according to the set update cycle.
    • When no image view has the slide button activated, only the image view that was visible before the full screen button was pressed is updated according to the set refresh rate.

1.8 Alarm information table

  1. When the alarm information function is activated, a table is created on the right side of the image area as shown below.
  2. When you place the mouse cursor over the table, the widget corresponding to the alarm information will blink. (However, this function is not supported when an alarm occurs.)

1.9 Image magnification function

When the image zoom button is activated, the image is enlarged to fill the view area as shown below.

Before image enlargement
After image enlargement
Before full screen zoom
After full screen enlargement

Updated on January 2025, 2

Was this article helpful?

Related Articles