add warning on old custom dashboards and rephrase existing page (#17214)
Co-authored-by: Ilya Mashchenko <ilya@netdata.cloud>
Hugo Valente committed
Mar 21, 2024 at 13:59 UTC
47d700c98790047754fbd5f2f0402bcbb4f59b57
2 files changed
+14
-12
docs/cloud/visualize/dashboards.md
+3
-3
@@ -1,6 +1,6 @@
1
-# Build new dashboards
1
+# Build Custom Dashboards
2
3
-With Netdata Cloud, you can build new dashboards that target your infrastructure's unique needs. Put key metrics from
3
+With Netdata Cloud, you can build custom dashboards that target your infrastructure's unique needs. Put key metrics from
4
any number of distributed systems in one place for a bird's eye view of your infrastructure.
5
6
Click on the **Dashboards** tab in any War Room to get started.
@@ -12,7 +12,7 @@ From the Dashboards tab, click on the **+** button.
12
<img width="98" alt=" Green plus button " src="https://github.com/netdata/netdata/assets/73346910/511e2b38-e751-4a88-bc7d-bcd49764b7f6"/>
13
14
15
-In the modal, give your new dashboard a name, and click **+ Add**.
15
+In the modal, give your custom dashboard a name, and click **+ Add**.
16
17
- The **Add Chart** button on the top right of the interface adds your first chart card. From the dropdown, select either **All Nodes** or a specific
18
node. Next, select the context. You'll see a preview of the chart before you finish adding it. In this modal you can also [interact with the chart](https://github.com/netdata/netdata/blob/master/docs/cloud/visualize/interact-new-charts.md), meaning you can configure all the aspects of the [NIDL framework](https://github.com/netdata/netdata/blob/master/docs/cloud/visualize/interact-new-charts.md#nidl-framework) of the chart and more in detail, you can:
src/web/gui/custom/README.md
+11
-9
@@ -1,19 +1,22 @@
1
-# Custom dashboards
1
+# Build new dashboards with HTML
2
3
-You can build custom Netdata dashboards just with some basic HTML knowledge.
3
+>❗This feature is only available on v1 dashboards and is not currently supported on v2.
4
+> For more information on the new Custom Dashboards check [this documentation](https://github.com/netdata/netdata/blob/master/docs/cloud/visualize/dashboards.md).
5
5
-Custom dashboards allow you to utilize any or all of the available chart libraries, on the same dashboard.
6
+You can build dashboards with Netdata charts just with some basic HTML knowledge.
7
+
8
+These dashboards allow you to utilize any or all of the available chart libraries, on the same dashboard.
9
You can use data from one or more Netdata servers, on the same dashboard and host your dashboard HTML page on
10
any web server, anywhere. You can also add Netdata charts to existing web pages.
11
9
-Check this **[very simple working example of a custom dashboard](http://netdata.firehol.org/demo.html)**.
12
+Check this **[very simple working example of a dashboard](https://my-netdata.io/demo.html)**.
13
11
-You should also look at the [custom dashboard
14
+You should also look at the [dashboard
15
template](https://my-netdata.io/dashboard.html), which contains samples of all
13
-supported charts. The code is [here](http://netdata.firehol.org/dashboard.html).
16
+supported charts. The code is [here](https://my-netdata.io/dashboard.html).
17
18
If you plan to put the dashboard on TV, check out
16
-[tv.html](http://netdata.firehol.org/tv.html). Here's is a screenshot of it,
19
+[tv.html](https://my-netdata.io/tv.html). Here's is a screenshot of it,
20
monitoring two servers on the same page:
21
22
<img width="954" alt="image" src="https://user-images.githubusercontent.com/43294513/233790352-2780fd51-3293-49fe-8ad9-30ad9a362c60.png"/>
@@ -27,8 +30,7 @@ All of the mentioned examples are available on your local Netdata installation
30
(e.g. `http://myhost:19999/dashboard.html`). The default web root directory with
31
the HTML and JS code is `/usr/share/netdata/web`. The main dashboard is also in
32
that directory and called `index.html`.\
30
-Note: index.html has a different syntax. Don't use it as a template for simple
31
-custom dashboards.
33
+Note: index.html has a different syntax. Don't use it as a template for simple dashboards.
34
35
> Some operating systems will use `/opt/netdata/usr/share/netdata/web` as the web directory. If you're not sure where
36
> yours is, navigate to `http://NODE:19999/netdata.conf` in your browser, replacing `NODE` with the IP address or hostname