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.

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 looks the same as one without it, because the web interface hides menu items in the footer.

Example

Enter the example in the YAML tab of the dashboard editor, as described in Build a dashboard.

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