Review comments pt 2

docs/canvas.asciidoc

@@ -27,12 +27,14 @@ For a quick overview of Canvas, watch link:https://www.youtube.com/watch?v=ZqvF_
 
 --
 
-include::canvas/canvas-getting-started.asciidoc[]
+include::canvas/canvas-tutorial.asciidoc[]
 
 include::canvas/canvas-workpad.asciidoc[]
 
 include::canvas/canvas-elements.asciidoc[]
 
+include::canvas/canvas-present-workpad.asciidoc[]
+
 include::canvas/canvas-share-workpad.asciidoc[]
 
 //include::canvas/canvas-expressions.asciidoc[]

docs/canvas/canvas-elements.asciidoc

@@ -100,7 +100,7 @@ For more information about Timelion, refer to <<timelion,Timelion>>.
 [[configure-display-options]]
 === Choose the display options
 
-
+Choose how you want the elements to appear on your workpad.
 
 [float]
 [[process-and-display]]
@@ -128,19 +128,20 @@ Further define the appearance of the element container and border.
  
 [float]
 [[apply-element-styles]]
-==== Apply a set of styles to the entire workpad
+==== Apply a set of styles
 
 To make your element look exactly the way you want, apply CSS overrides.
 
 . Next to *Element style*, click *+*, then select *CSS*.
 
 . Enter the *CSS*. For example, to center the Markdown element, enter:
-
-````
++
+[source,js]
+--------------------------------------------------
 .canvasRenderE1 h1 {
 text.align: center;
 }
-````
+--------------------------------------------------
 
 . Click *Apply stylesheet*.
 
@@ -163,7 +164,7 @@ TIP: To manually refresh the data, click the *Refresh data* icon.
 [[organize-element]]
 === Organize the elements on your workpad
 
-Choose where and how you want the elements to appear on your workpad.
+Choose where you want the elements to appear on your workpad.
 
 [float]
 [[move-canvas-elements]]
@@ -233,7 +234,7 @@ Change the order of how the elements are displayed on your workpad.
 [[element-save]]
 === Save elements
 
-After you have made changes to elements, save them so that you can reuse them across your workpads.
+After you have made changes to elements, save them so that you can reuse them across all of your workpads.
 
 . Select the element that you want to save.
 +
@@ -251,7 +252,7 @@ To access the element, click *Add element*, then select *My elements*.
 [[add-more-pages]]
 === Add more pages
 
-When you have run out of room on your workpad page, you can add more pages.
+When you have run out of room on your workpad page, add more pages.
 
 . Click *Page 1*, then click *+*.
 
@@ -259,26 +260,3 @@ When you have run out of room on your workpad page, you can add more pages.
 +
 [role="screenshot"]
 image::images/canvas-add-pages.gif[Add pages]
-
-[float]
-[[workpad-display-options]]
-=== Change the workpad display options
-
-To change the view of the elements on your workpad, change the display options.
-
-* To view your workpad in fullscreen mode, click the *Enter fullscreen mode* icon in the upper left corner.
-
-* To zoom in or out on the workpad, click the *Zoom controls* icon in the upper left corder, then select one of the options.
-
-[float]
-[[enable-autoplay]]
-=== Enable autoplay 
-
-Automatically cycle through your workpads pages in fullscreen mode.
-
-. In the upper left corner, click the *Control settings* icon.
-
-. Under *Change cycling interval*, select the interval you want to use.
-+
-[role="screenshot"]
-image::images/canvas-refresh-interval.png[Element data refresh interval]

docs/canvas/canvas-present-workpad.asciidoc

@@ -0,0 +1,30 @@
+[[canvas-present-workpad]]
+== Present your workpad
+
+When you are ready to present your workpad, use and enable the presentation options.
+
+[float]
+[[view-fullscreen-mode]]
+=== View your workpad in fullscreen mode
+
+In the upper left corner, click the *Enter fullscreen mode* icon.
+
+[float]
+[[zoom-in-out]]
+=== Use the zoom options
+
+In the upper left corner, click the *Zoom controls* icon, then select one of the options.
+
+[float]
+[[enable-autoplay]]
+=== Enable autoplay 
+
+Automatically cycle through your workpads pages in fullscreen mode.
+
+. In the upper left corner, click the *Control settings* icon.
+
+. Under *Change cycling interval*, select the interval you want to use.
++
+[role="screenshot"]
+image::images/canvas-refresh-interval.png[Element data refresh interval]
+

docs/canvas/canvas-share-workpad.asciidoc

@@ -1,11 +1,11 @@
 [[workpad-share-options]]
-=== Share your workpad
+== Share your workpad
 
 When you are ready to share your workpad, create a PDF, or export your workpad.
 
 [float]
 [[create-workpad-pdf]]
-==== Create a PDF
+=== Create a PDF
 
 To view your workpad outside of Kibana, generate a PDF. 
 
@@ -19,7 +19,7 @@ image::images/canvas-generate-pdf.gif[]
 
 [float]
 [[export-workpad]]
-==== Export your workpad
+=== Export your workpad
 
 To share your workpads with another author, export your workpads as JSON files.
 
@@ -29,4 +29,5 @@ To share your workpads with another author, export your workpads as JSON files.
 
 * To export a single workpad, click the *Export* icon next to the workpad you want to export.
 
-* To export multiple workpads, select the workpads you want to export, then click *Export*.
+* To export multiple workpads, select the workpads you want to export, then click *Export*.
+

docs/canvas/canvas-tutorial.asciidoc

@@ -153,6 +153,8 @@ Here are some things to try:
 //* Learn more about:
 
 ** {kibana-ref}/canvas-workpad[Workpads]
+
+** {kibana-ref}/canvas-elements[Elements]
 //** Assets
 //** Expressions
 

docs/canvas/canvas-workpad.asciidoc

@@ -1,6 +1,6 @@
 [role="xpack"]
 [[create-canvas-workpad]]
-=== Create a workpad
+== Create a workpad
 
 A Canvas _workpad_ provides you with a workspace where you can build presentations of your live data.
 
@@ -14,8 +14,9 @@ To create a workpad, you can:
 
 * <<sample-data-workpad,Gather inspiration from the {kib} sample data workpads>>
 
+[float]
 [[blank-canvas-workpad]]
-==== Start with a blank 
+=== Start with a blank page
 
 To use the background colors, images, and data of your choice, start with a blank workpad. 
 
@@ -38,7 +39,7 @@ image::images/canvas-background-color-picker.gif[Canvas color picker]
 
 [float]
 [[canvas-template-workpad]]
-==== Create a workpad from a template
+=== Create a workpad from a template
 
 If you're unsure about where to start, you can use one of the preconfigured templates that come with Canvas.
 
@@ -52,7 +53,7 @@ If you're unsure about where to start, you can use one of the preconfigured temp
 
 [float]
 [[import-canvas-workpad]]
-==== Import an existing workpad
+=== Import an existing workpad
 
 When you want to use a workpad that someone else has already started, import the JSON file into Canvas.
 
@@ -62,7 +63,7 @@ When you want to use a workpad that someone else has already started, import the
 
 [float]
 [[sample-data-workpad]]
-==== Use a sample data workpad
+=== Use a sample data workpad
 
 Each of the sample data sets comes with a Canvas workpad that you can use for your own workpad inspiration.
 
@@ -72,18 +73,19 @@ Each of the sample data sets comes with a Canvas workpad that you can use for yo
 
 [float]
 [[apply-workpad-styles]]
-=== Apply a set of styles to the entire workpad
+== Apply a set of styles to the entire workpad
 
 To make your workpad look exactly the way you want, use the editor on the right to apply CSS overrides.
 
 . Expand *Global CSS overrides*.
 
 . Enter the CSS. For example, to change the background on every page, enter:
-
-````
++
+[source,js]
+--------------------------------------------------
 .canvasPage {
 background-color: #3990e6;
 }
-````
+--------------------------------------------------
 
 . Click *Apply stylesheet*.