You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/canvas/canvas-elements.asciidoc
+20-35Lines changed: 20 additions & 35 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -27,36 +27,38 @@ By default, most of the elements you create use demo data until you change the d
27
27
28
28
* *Timelion* — Access your time series data using <<timelion,Timelion>> queries. To use Timelion queries, you can enter a query using the <<lucene-query,Lucene Query Syntax>>.
29
29
30
+
Each element can display a different data source. Pages and workpads often contain multiple data sources.
31
+
30
32
[float]
31
33
[[canvas-add-object]]
32
34
==== Add a saved object
33
35
34
-
Add a <<managing-saved-objects,saved object>>, then customize it to fit your display needs.
36
+
Add <<managing-saved-objects,saved objects>> to your workpad, such as maps and visualizations.
35
37
36
-
. Click *Embed object*.
38
+
. Click *Add element > Add from Visualize Library*.
37
39
38
-
. Select the object you want to add.
40
+
. Select the saved object you want to add.
39
41
+
40
42
[role="screenshot"]
41
43
image::images/canvas-map-embed.gif[]
42
44
43
45
. To use the customization options, click the panel menu, then select one of the following options:
44
46
45
-
* *Edit map* — Opens <<maps,Maps>> so that you can edit the original map.
47
+
* *Edit map* — Opens <<maps,Maps>> or <<visualize,Visualize>> so that you can edit the original saved object.
46
48
47
-
* *Customize panel* — Specifies the object title options.
49
+
* *Edit panel title* — Adds a title to the saved object.
48
50
49
-
* *Inspect* — Allows you to drill down into the element data.
51
+
* *Customize time range* — Exposes a time filter dedicated to the saved object.
50
52
51
-
* *Customize time range* — Exposes a time filter dedicated to the map.
53
+
* *Inspect* — Allows you to drill down into the element data.
52
54
53
55
[float]
54
56
[[canvas-add-image]]
55
57
==== Add your own image
56
58
57
59
To personalize your workpad, add your own logos and graphics.
58
60
59
-
. Click *Manage assets*.
61
+
. Click *Add element > Manage assets*.
60
62
61
63
. On the *Manage workpad assets* window, drag and drop your images.
62
64
@@ -83,40 +85,25 @@ Move and resize your elements to meet your design needs.
83
85
[[format-canvas-elements]]
84
86
==== Format elements
85
87
86
-
Align, distribute, and reorder elements for consistency and readability across your workpad pages.
87
-
88
-
Access the align, distribute, and reorder options by clicking the *Element options* icon.
89
-
90
-
[role="screenshot"]
91
-
image::images/canvas_element_options.png[]
88
+
For consistency and readability across your workpad pages, align, distribute, and reorder elements.
92
89
93
-
To align elements:
90
+
To align two or more elements:
94
91
95
92
. Press and hold Shift, then select the elements you want to align.
96
93
97
-
. Click the , then select *Group*.
94
+
. Click *Edit > Alignment*, then select the alignment option.
98
95
99
-
. Click the *Element options* icon, then select *Alignment*.
100
-
101
-
. Select the alignment option.
102
-
103
-
To distribute elements:
96
+
To distribute three or more elements:
104
97
105
98
. Press and hold Shift, then select the elements you want to distribute.
106
99
107
-
. Click the *Element options* icon, then select *Group*.
108
-
109
-
. Click the *Element options* icon, then select *Distribution*.
110
-
111
-
. Select the distribution option.
100
+
. Click *Edit > Distribution*, then select the distribution option.
112
101
113
102
To reorder elements:
114
103
115
104
. Select the element you want to reorder.
116
105
117
-
. Click the *Element options* icon, then select *Order*.
118
-
119
-
. Select the order option.
106
+
. Click *Edit > Order*, then select the order option.
120
107
121
108
[float]
122
109
[[data-display]]
@@ -157,14 +144,14 @@ text.align: center;
157
144
158
145
To use the elements across all workpads, save the elements.
159
146
160
-
When you're ready to save your element, select the element, then click the *Save as new element* icon.
147
+
When you're ready to save your element, select the element, then click *Edit > Save as new element*.
161
148
162
149
[role="screenshot"]
163
150
image::images/canvas_save_element.png[]
164
151
165
-
To save a group of elements, press and hold Shift, then select the elements you want to save.
152
+
To save a group of elements, press and hold Shift, select the elements you want to save, then click *Edit > Save as new element*.
166
153
167
-
To access your saved elements, click *Add element*, then select *My elements*.
154
+
To access your saved elements, click *Add element > My elements*.
168
155
169
156
[float]
170
157
[[delete-elements]]
@@ -174,9 +161,7 @@ When you no longer need an element, delete it from your workpad.
For more information, refer to <<reporting-getting-started, Reporting from Kibana>>.
32
+
37
33
[float]
38
34
[[create-workpad-URL]]
39
35
==== Create a POST URL
40
36
41
37
If you have a license that supports the {report-features}, you can create a POST URL that you can use to automatically generate PDF reports using Watcher or a script.
42
38
43
-
For more information, refer to <<automating-report-generation, Automating report generation>>.
44
-
45
-
. From your workpad, click the *Share workpad* icon, then select *PDF reports*.
39
+
Click *Share > PDF reports > Copy POST URL*.
46
40
47
-
. Click *Copy POST URL*.
48
-
+
49
41
[role="screenshot"]
50
42
image::images/canvas-create-URL.gif[Create POST URL]
51
43
44
+
For more information, refer to <<automating-report-generation, Automating report generation>>.
45
+
52
46
[float]
53
47
[[add-workpad-website]]
54
48
==== Share the workpad on a website
55
49
56
50
beta[] Canvas allows you to create _shareables_, which are workpads that you download and securely share on any website. To customize the behavior of the workpad on your website, you can choose to autoplay the pages or hide the workpad toolbar.
57
51
58
-
. From your workpad, click the *Share this workpad* icon, then select *Share on a website*.
52
+
. Click *Share > Share on a website*.
59
53
60
-
. On the *Share on a website* pane, follow the instructions.
54
+
. Follow the *Share on a website* instructions.
61
55
62
56
. To customize the workpad behavior to autoplay the pages or hide the toolbar, use the inline parameters.
63
57
+
64
58
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.
65
59
+
66
60
[role="screenshot"]
67
-
image::images/canvas-embed_workpad.gif[Share the workpad on a website]
61
+
image::canvas/images/canvas-embed_workpad.gif[Share the workpad on a website]
68
62
+
69
63
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.
70
64
71
-
[float]
72
-
[[change-the-workpad-settings]]
73
-
==== Change the settings
74
-
75
-
After you've added the workpad to your website, you can change the autoplay and toolbar settings.
0 commit comments