Skip to content

Panel Dynamic Inputs

The Dynamic Inputs dashboard panel is used for displaying a set of inputs that can then change how the displayed dashboard works without requiring users to reconfigure the entire dashboard.

Form Fields

  • Panel Name - Name of the panel to be displayed in the panel header.

  • Add - The "Add" button can be clicked to add a text field or a combo box to the panel. Each field type has different configuration options.

  • Text Field

    • Variable Name - The variable name that will be applied to this field. This name needs to be the same as an input to a dashboard panel.

    • Field Width - The width of the field when the dashboard is loaded.

    • Field Label - The label that will be applied to this field, and shown when the dashboard is loaded.

    • Label Width - The width of the label when the dashboard is loaded.

    • Remove - This button can be clicked to remove the input from the panel.

  • Combo Box

    • Variable Name - The variable name that will be applied to this field. This name needs to be the same as an input to a dashboard panel.

    • Field Width - The width of the field when the dashboard is loaded.

    • Field Label - The label that will be applied to this field, and shown when the dashboard is loaded.

    • Label Width - The width of the label when the dashboard is loaded.

    • API - The broker Render Type that will be used to display data.

    • Save Value - Whether to pass the name of the thing selected or the ID value.

    • Remove - This button can be clicked to remove the input from the panel.

  • Hide Header - Whether or not the panel header should be shown.

  • Width (%) - Limit the panel to a specific percent width of the dashboard, ranging from 10% to 100%.

  • Height (px) - Limit the panel to a specific height in pixels. "Auto" is checked by default. If unchecked, a field will be shown to enter a numerical value for the limit.

Examples

Example 1

Create a dashboard with a dynamic input panel interacting with an event list panel.

Steps

  1. Go to the "Dashboards" UI.

    Configuration -> Dashboards -> Dashboards

  2. Add an additional row to the dashboard.

  3. In the first drop zone, add a "dashboard -> Dynamic Inputs" panel to the dashboard.

  4. Click on the "Configure Panel" button, then set the following:

    1. Click on the "Add" button, then select the "Combo Box" option.

    2. Variable Name: FilterValue

    3. Field Width: 250

    4. Field Label: Device

    5. Label Width: auto

    6. API: Device (combo)

    7. Save Value: Display Name

    8. Click on the "View" button.

  5. In the second drop zone, add an "event -> Event List" panel to the dashboard.

  6. Click on the "Configure Panel" button, then set the following:

    1. Panel Name: Events By Device

    2. Filter Type: Device

    3. Device Name: (Select any device in the list.)

    4. Click on the "View" button.

  7. In the "Configure Dashboard" section, add a Name: Dynamic Event List

  8. Click on the "Submit" button.

  9. Go to the "Dashboard Groups" UI.

    Configuration -> Dashboards -> Dashboard Groups

  10. Select the "Root" group, then add the "Dynamic Event List" to the group.

  11. Click on the "Submit" button.

  12. Go to the "Dashboards" navigation.

  13. Click on the "Dynamic Event List" dashboard.