.. _managing-dashboards: Managing Dashboards ===================== Dashboards are a collection of Widgets. Dashboards give you an overview of the reports and metrics that are most important to you. You can personalize Dashboards by customizing Widgets. By default, Genian NAC provides over 100 Widgets which are categorized by the following groups.You can add, delete, customize and share your dashboards depending on your requirements. Create Dashboards -------------------- #. Click **Dashboard** in the top panel. #. Click **Tools > Create Dashboard**. #. Find **Name** in Create Dashboard window. Enter in Unique Name. #. Set **Share** to **ON** or **Off** to make the dashboard available to other Administrators. #. Select **Type**, and **Layout** in Create Dashboard window. #. Click **Save**. Edit Dashboards ----------------- #. Click **Dashboard** in the top panel. #. Select the **Dashboard** you wish to edit. #. Click **Tools > Edit Dashboard**. #. Find **Name** in Create Dashboard window. Enter in Unique Name. #. Set **Share** to **ON** or **Off** to make the dashboard available to other Administrators. #. Select **Type**, and **Layout** in Create Dashboard window. #. Click **Save**. Import Dashboards ------------------- #. Click **Dashboard** in the top panel. #. Click **Tools > Import Dashboard**. #. Move the desired **Dashboards** into the selected column. #. Click **Save**. Remove Dashboards ------------------- #. Click **Dashboard** in the top panel. #. Click desired **Dashboard** tab. #. Go to **Tools > Delete Dashboard**. #. Click **Ok**. Add a Widget to Dashboard --------------------------- #. Go to **Dashboard** in the top panel. #. Click **Tools > Add Widget**. #. Find **Category** section in the Add Widget window. Select **Category**. #. Find **Widget** section in the Add Widget window. #. Click **Add Widget**. Arrange Widgets ----------------- Widgets can be grabbed by the title bar and dragged to the desired location. Customize the Settings of a Widget ------------------------------------ Hovering over a widget will make a gear icon appear in the upper right corner of the widget. Clicking the gear icon will display that widget’s settings. Setting changes can be applied to the widget by clicking Save when finished. Creating a Custom widget --------------------------- The widget that is generated based on code is set based on HTML Code values. Enter a page source created in HTML to allow the page to act as a widget. #. Go to **Dashboard** in the top panel. #. Click ``Tools`` > Add Widget. #. In the Add Widgets window, browse to the Custom widget category item. #. In the Add Widgets window, click the ``Create``` button at the bottom. #. In the Add Widgets window, select the Classification item as **Content**. #. Make the following widget settings: - Title - Description - Image URL(Option) - Content .. code:: bash Hello, world! #. Click the ``Save`` button. Creating a URL-based custom widget --------------------------------------- Sets the widget based on the Uniform Resource Locator (URL) value. Enter the URL you want to represent as a widget to bring up and display the page as a widget. #. Go to **Dashboard** in the top panel. #. Click ``Tools`` > Add Widget. #. In the Add Widgets window, browse to the Custom widget category item. #. In the Add Widgets window, click the ``Create``` button at the bottom. #. In the Add Widgets window, select the Classification item as **Content**. #. Make the following widget settings: - Title - Description - Image URL(Option) - Content .. code:: bash https://www.genians.com #. Click the ``Save`` button. Delete a Widget --------------- #. Go to **Dashboard** in the top panel. #. Find **Widget** and hover over the title bar. #. Click **X**. #. Click **Ok**. Creating a Sensor Map ----------------------- To monitor and customize Sensor Placement globally using Google Maps. #. Go to **Dashboard** in the top panel. #. Click **Tools > Create Dashboard**. #. Find **Name** in Create Dashboard window. Enter in **Unique Name**. #. Find **Type** in Create Dashboard window. Select **Sensor Map**. #. Click **Sensor Map** tab that was just created. #. Find **Settings Icon** in the right corner. Click **Assign Node Group**. #. Find **Node Group** in Node Group window. Double-click Node Group to add. #. Click **Save**. Place a Sensor on Sensor Map ------------------------------ #. Go to **Dashboard** in the top panel. #. Go to **Sensor Map** tab. #. Find **Menu** icon in the upper right corner of the main panel. #. Find **Sensor bubble** and drag it to the desired location. Export Dashboards ------------------- You can export Dashboards into several formats: #. Click **Dashboard** in the top panel #. Select **Dashboard** tab you choose to export #. Click **Export** and select the format Creating Custom Widget ------------------------ Administrators can customize widgets and add them to the dashboard. Genian NAC provides Content and Link features for custom widgets. Administrators can personalize widgets by using an HTML page and URL and monitor the external Web pages. Creating Custom Widget by HTML Code ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Genian NAC provides Content features for create custom widgets using HTML code. #. Go to **Dashboard** in the top panel. #. Click **Tools > Create Dashboard**. #. Find **Custom** in Categories list. #. Click **create** button on the bottom. #. Choose **Content** button. #. Enter widget name on **Title**. #. Enter a description on **Description**. #. Uplaod image on **Image URL** (optional). #. Enter Height on **Height** (optional). #. Insert Html source code on **Content**. .. code:: bash Hello, world! #. Click **Save**. Creating Custom Widget by URL ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Genian NAC provides Link features for create custom widgets using URL(Uniform Resource Locator). #. Go to **Dashboard** in the top panel. #. Click **Tools > Create Dashboard**. #. Find **Custom** in Categories list. #. Click **create** button on the bottom. #. Choose **Link** button. #. Enter widget name on **Title**. #. Enter a description on **Description**. #. Uplaod image on **Image URL** (optional). #. Enter Height on **Height** (optional). #. Insert URL on **URL**. #. Insert URL Parameter on **Parameter** .. code:: bash https://www.genians.com #. Click **Save**. Creating Mobile Platform Detection Widget ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Administrators can create Mobile Platform Detection Widget for monitoring Mobile devices. Step 1. Create Mobile platform Node Group ''''''''''''''''''''''''''''''''''''''''''''' Please refer to :ref:`managing-nodegroups` for create new node group **Create Android Nodegroup** - Node Group Type : Status Group - Group Condition - Criteria : OS - Value : Android **Create Iphone OS Nodegroup** - Node Group Type : Status Group - Group Condition - Criteria : OS - Value : iPhone OS Step 2. Assign Node Group to Widget ''''''''''''''''''''''''''''''''''''''''''' #. Go to **Dashboard** in the top panel. #. Click **Tools > Create Dashboard**. #. Find **Node** in Categories list. #. Find **Node Group** or **Node Detection Statistics by Node Group**. #. Click **Add Widget**. #. Find Node Group on left side and move to **right**. #. Configure View Criteria, Value Font Size, Lable Font Size, Time Graph, Name, Update Interval, Height. #. Click **Save**.