Skip to content

Commit

Permalink
Final images and clean up
Browse files Browse the repository at this point in the history
  • Loading branch information
KOTungseth committed Jun 1, 2020
1 parent 48c46c8 commit 2a91dc6
Show file tree
Hide file tree
Showing 6 changed files with 13 additions and 19 deletions.
10 changes: 5 additions & 5 deletions docs/canvas/canvas-elements.asciidoc
Original file line number Diff line number Diff line change
Expand Up @@ -33,22 +33,22 @@ Each element can display a different data source. Pages and workpads often conta
[[canvas-add-object]]
==== Add a saved object

Add <<managing-saved-objects,saved objects>> to your workpad, such as maps, Lens visualizations, and basic visualizations.
Add <<managing-saved-objects,saved objects>> to your workpad, such as maps and visualizations.

. Click *Add element > Add from Visualize Library*.

. Select the visualization you want to add.
. Select the saved object you want to add.
+
[role="screenshot"]
image::images/canvas-map-embed.gif[]

. To use the customization options, click the panel menu, then select one of the following options:

* *Edit map* &mdash; Opens <<maps,Maps>> or <<visualize,Visualize>> so that you can edit the original visualization.
* *Edit map* &mdash; Opens <<maps,Maps>> or <<visualize,Visualize>> so that you can edit the original saved object.

* *Edit panel title* &mdash; Adds a title to the visualization.
* *Edit panel title* &mdash; Adds a title to the saved object.

* *Customize time range* &mdash; Exposes a time filter dedicated to the visualization.
* *Customize time range* &mdash; Exposes a time filter dedicated to the saved object.

* *Inspect* &mdash; Allows you to drill down into the element data.

Expand Down
4 changes: 2 additions & 2 deletions docs/canvas/canvas-share-workpad.asciidoc
Original file line number Diff line number Diff line change
Expand Up @@ -51,14 +51,14 @@ beta[] Canvas allows you to create _shareables_, which are workpads that you dow

. Click *Share > Share on a website*.

. On the *Share on a website* flyout, follow the instructions.
. Follow the *Share on a website* instructions.

. To customize the workpad behavior to autoplay the pages or hide the toolbar, use the inline parameters.
+
To make sure that your data remains secure, the data in the JSON file is not connected to {kib}. Canvas does not display elements that manipulate the data on the workpad.
+
[role="screenshot"]
image::images/canvas-embed_workpad.gif[Share the workpad on a website]
image::canvas/images/canvas-embed_workpad.gif[Share the workpad on a website]
+
NOTE: Shareable workpads encode the current state of the workpad in a JSON file. When you make changes to the workpad, the changes do not appear in the shareable workpad on your website.

Expand Down
4 changes: 2 additions & 2 deletions docs/canvas/canvas-tutorial.asciidoc
Original file line number Diff line number Diff line change
Expand Up @@ -14,9 +14,9 @@ For this tutorial, you'll need to add the <<add-sample-data, Sample eCommerce or

Your first step to working with Canvas is to create a workpad.

. Open *Canvas*.
. Open the menu, then click *Kibana > Canvas*.

. Click *Create workpad*.
. On the *Canvas workpads* page, click *Create workpad*.

[float]
=== Customize your workpad with images
Expand Down
14 changes: 4 additions & 10 deletions docs/canvas/canvas-workpad.asciidoc
Original file line number Diff line number Diff line change
Expand Up @@ -20,9 +20,7 @@ To create a workpad, choose one of the following options:

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

. Open *Canvas*.

. On the *Canvas workpads* view, click *Create workpad*.
. On the *Canvas workpads* page, click *Create workpad*.

. Add a *Name* to your workpad.

Expand All @@ -43,9 +41,7 @@ image::images/canvas-background-color-picker.png[Canvas color picker]

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

. Open *Canvas*.

. On the *Canvas workpads* view, select *Templates*.
. On the *Canvas workpads* page, select *Templates*.

. Click the preconfigured template that you want to use.

Expand All @@ -57,9 +53,7 @@ If you're unsure about where to start, you can use one of the preconfigured temp

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

. Open *Canvas*.

. On the *Canvas workpads* view, click and drag the file to the *Import workpad JSON file* field.
To import a workpad, go to the *Canvas workpads* page, then click and drag the file to the *Import workpad JSON file* field.

[float]
[[sample-data-workpad]]
Expand Down Expand Up @@ -105,7 +99,7 @@ Change how often the data refreshes on your workpad.
[role="screenshot"]
image::images/canvas-refresh-interval.png[Element data refresh interval]
+
To manually refresh the data, click the *Refresh data* icon.
To manually refresh the data, click image:canvas/images/canvas-refresh-data.png[].

[float]
[[zoom-in-out]]
Expand Down
Binary file added docs/canvas/images/canvas-embed_workpad.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/canvas/images/canvas-refresh-data.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 2a91dc6

Please sign in to comment.