IMPORTANT: No additional bug fixes or documentation updates will be released for this version. For the latest information, see the current release documentation.
« Canvas tutorial Showcase your data with elements »
Elastic Docs ›Kibana Guide [7.4] ›Canvas

Create a workpad

edit

Create a workpad

edit

A Canvas workpad provides you with a workspace where you can build presentations of your live data.

To create a workpad, you can:

Start with a blank page

edit

To use the background colors, images, and data of your choice, start with a blank workpad.

  1. Open Canvas.
  2. On the Canvas workpads page, click Create workpad.
  3. Add a Name to your workpad.
  4. In the Width and Height fields, specify the size.

  5. Select the layout.

    For example, click 720p for a traditional presentation layout.

  6. Click the Background color picker, then select the background color for your workpad.

    Canvas color picker

Create a workpad from a template

edit

If you’re unsure about where to start, you can use one of the preconfigured templates that come with Canvas.

  1. Open Canvas.
  2. On the Canvas workpads page, select Templates.
  3. Click the preconfigured template that you want to use.
  4. Add your own Name to the workpad.

Import an existing workpad

edit

When you want to use a workpad that someone else has already started, import the JSON file into Canvas.

  1. Open Canvas.
  2. On the Canvas workpads page, click and drag the file to the Import workpad JSON file field.

Use a sample data workpad

edit

Each of the sample data sets comes with a Canvas workpad that you can use for your own workpad inspiration.

  1. Add a sample data set.

  2. On the Add Data to Kibana page, click the View data dropdown list, then select Canvas.

    Need some more workpad inspiration? Check out the Elastic Blog.

Apply a set of styles to the entire workpad

edit

To make your workpad look exactly the way you want, use the editor on the right to apply CSS overrides.

  1. Expand Global CSS overrides.

  2. Enter the CSS. For example, to change the background on every page, enter:

    .canvasPage {
background-color: #3990e6;
}
  3. Click Apply stylesheet.
« Canvas tutorial Showcase your data with elements »