Skip to content

Footer component

The footer is the bar at the bottom of a dashboard. The web interface displays the bar and can show and hide it from a data binding, but it does not display the content of the menu parameter.

A plain light grey bar with rounded lower corners, spanning the full width of the dashboard.

Footer bar

When to use

Use the footer to show or hide the bar at the bottom of a dashboard from a data binding. Do not use it for navigation links, help links or actions, because the web interface does not display menu items in the footer. Use the Titlebar menu or an Action component instead.

Parameters

Parameter Type Required Default Description
visible boolean No true When false, or when bound to false, the footer is hidden
bind array No None Data binding. The visible target shows and hides the footer

id, class, and menu are accepted but have no effect.

A footer that has a menu appears as an empty bar, because the web interface does not display menu items in the footer.

Example

dashboard:
  items:
    - footer:
        visible: true
        bind:
          - target: visible
            source: 'DBC/Settings/ShowFooter'
            toType: boolean