Add and reorder links on the Kubeflow Dashboard

The Kubeflow Dashboard provides access to Kubeflow’s components. This guide describes how to configure the Kubeflow Dashboard to include your own content.

Contents:

To define your own links on the Kubeflow Dashboard, use the charm config fields:

  • additional-menu-links
  • additional-external-links
  • additional-quick-links
  • additional-dashboard-links

For example, to create external links, define my_external_links.yaml:

- text: My Container Registry
  link: http://my.company.com/registry
  icon: apps

Where:

  • text: the text shown on the dashboard
  • link: the full link
  • icon: any icon from here

And pass this to Juju by:

juju config kubeflow-dashboard additional-external-links=@my_external_links.yaml

This will result in your link(s) being included on the dashboard (bottom of left hand sidebar).

The above procedure replaced the additional-external-links config with our own values. To add to an existing set of links, modify the existing juju config value. For example, to add documentation links, do:

juju config kubeflow-dashboard additional-documentation-links | yq -P > links_to_edit.yaml

To get the existing configuration as YAML. Edit the file to add your links, for example adding:

- text: My Awesome Tutorial
  link: http://my.company.com/tutorial1
- text: My Awesomer Tutorial
  link: http://my.company.com/tutorial2

And push the new settings back to Juju with:

juju config kubeflow-dashboard additional-documentation-links=@links_to_edit.yaml

Links are shown by default in alphabetical order. To control the order, use the config fields:

  • menu-link-order
  • external-link-order
  • quick-link-order
  • dashboard-link-order

*-link-order config accepts a YAML list of link texts that define the order of links at the top of that category. Any link not called out in this config will be included at the end in alphabetical order. For example, setting:

juju config kubeflow-dashboard documentation-link-order='["My Awesomer Tutorial", "My Awesome Tutorial"]'

Would change the previous dashboard to:


Last updated 5 months ago.