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.

Dashboard footer bar

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
id string No None Not used by the web interface
class string No None Not used by the web interface
visible boolean No true When false, or when bound to false, the footer is hidden
menu object No None Not used by the web interface. The footer is displayed without the menu content
bind array No None Data binding. The visible target shows and hides the footer

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