📑Add Widget

📘 NUBISON IoT Extension Packages > 📖 Dashboard Maker

🔖 Adding Widgets

1. When accessing the Dashboard Maker for the first time

After registering Dashboard Maker in 'Extension Package Settings’ in Service Management, you can add screens and elements to the logged-in service screen to use the Dashboard.

Click the 'Edit Screen' button in the center or upper right corner of the screen to register the screen.

Add Dashboard Maker Development Screen

2. Adding Widgets

Click on the screen and add a widget

Add Widget Screen

The 'Widget Properties' menu appears on the right side of the screen when the added widget is clicked.

Set the 'widget name' and 'widget type (latest data, data chart, data table, shortcut, notifications, information)' according to the purpose of the widget.

Settings Screen for Each Widget Type

🔖 Widget Settings

1. Add latest data format

The 'Widget Properties' menu appears on the right side of the screen when the widget is clicked. Find 'Latest Data' under 'Widget Type' and select it.

Input the desired name in the Widget Name field.

Widget Latest Data Widget Name Screen

Select the 'Update Period' (5 seconds, 10 seconds, 1 minute, 30 minutes, 1 hour, etc.).

Widget Latest Data Update Period Screen

Choose a registered device from the Devices menu.

Widget Latest Data Devices Screen

Select the detailed item you want from 'Unit type' (temperature, humidity, brightness, latitude, longitude, battery voltage, etc.). After selecting the widget, click the "Finish Editing" button in the upper-right corner of the screen to add the widget.

Widget Latest Data Unit Screen

Add Widget Latest Data Screen

2. Add data chart format

The 'Widget Properties' menu appears on the right side of the screen when the widget is clicked. Find 'Data Chart' under 'Widget Type' and select it.

Input the desired name in the Widget Name field.

Widget Data Chart Widget Name Screen

Choose the detailed item for the 'Search Period' (Last 5 seconds, Last 10 seconds, Last 30 seconds, Last 1 minute, Last 10 minutes, Last 30 minutes, Last 1 hour, etc.).

Widget Data Chart Search Period Screen

Select the 'Update Period' detailed item (5 seconds, 10 seconds, 1 minute, 10 minutes, 30 minutes, 1 hour, etc.).

Widget Data Chart Update Period Screen

Choose a registered device from the Devices menu.

Widget Data Chart Devices Screen

Select the detailed item you want from 'Unit' (temperature, humidity, brightness, latitude, longitude, battery voltage, etc.). After selecting the widget, click the "Finish Editing" button in the upper-right corner of the screen to add the widget.

Widget Data Chart Addition Screen

3. Add data table format

The 'Widget Properties' menu appears on the right side of the screen when the widget is clicked. Find 'Data Table' under 'Widget Type' and select it.

Input the desired name in the Widget Name field.

Widget Data Table Widget Name Screen

Choose the detailed item for the 'Search Period' (Last 5 seconds, Last 10 seconds, Last 30 seconds, Last 1 minute, Last 10 minutes, Last 30 minutes, Last 1 hour, etc.).

Widget Data Table Search Period Screen

Choose a registered device from the Devices menu.

Widget Data Table Devices Screen

Select the detailed item you want under 'Unit' (temperature, humidity, brightness, etc.). After selecting the widget, click the "Finish Editing" button in the upper-right corner of the screen to add the widget.

Widget Data Table Unit Screen

Add Widget Data Table Screen

4. Add shortcut format

The 'Widget Properties' menu appears on the right side of the screen when the widget is clicked. Find 'Shortcut' under 'Widget Type' and select it.

Input the desired name in the Widget Name field.

Widget Shortcut Widget Name Screen

Choose detailed items from the 'Menu' (data view, wide area monitoring, field monitoring, AI monitoring, device monitoring, etc.).

Widget Shortcut Menu Screen

Choose the detailed item you want under 'Redirect Method' (open in new window, open in current window, etc.). After selecting the widget, click the "Finish Editing" button in the upper-right corner of the screen to add the widget.

Widget Shortcut Redirect Method Screen

Add Shortcut Widget Screen

5. Add Notification Format

When you click the added widget, the 'Widget Property' menu appears on the right. Select 'Notifications' from Widget Type.

Input the desired name in the Widget Name field.

Widget Notification Widget Name Screen

Choose a registered device from the Devices menu. After selecting the widget, click the "Finish Editing" button in the upper-right corner of the screen to add the widget.

Widget Notification Device Screen

Add Widget Notification Screen

6. Add Information Format

The 'Widget Properties' menu appears on the right side of the screen when the widget is clicked. Find 'Information' under 'Widget Type' and select it.

Input the desired name in the Widget Name field.

Widget Information Widget Name Screen

Select the detailed item you want under 'Displayed Information' (device, humidity, location, etc.). After selecting the widget, click the "Finish Editing" button in the upper-right corner of the screen to add the widget.

Widget Information Displayed Information Screen

[Add Widget Information Screen