Skip to content

Commit

Permalink
fix: update doc to use markdown instead of html
Browse files Browse the repository at this point in the history
  • Loading branch information
jaesius committed Apr 8, 2021
1 parent 4a913f1 commit 2e411df
Showing 1 changed file with 17 additions and 13 deletions.
30 changes: 17 additions & 13 deletions src/markdown-pages/build-apps/add-visualizations-to-dashboard.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ tags:

<Intro>

This lesson builds off of the previous [Customize visualizations with configuration](build-apps/customize-visualizations-with-configuration) lesson. If you haven't followed that lesson, please start there as this lesson assumes you have the code you built there to get started.
This lesson builds off of the previous [Customize visualizations with configuration](/build-apps/customize-visualizations-with-configuration) lesson. If you haven't followed that lesson, please start there as this lesson assumes you have the code you built there to get started.

If you don't have a visualization to follow the examples in this gude, a accompanying example visualization is available on [GitHub](https://github.com/newrelic/nru-custom-visualization-course)

Expand All @@ -54,14 +54,15 @@ Once you've published your custom visualization to your account, in the followin
<Steps>

<Step>
To find the <strong>My Awesome Visualization</strong> that you have deployed, you need to look for your visualization in the app catalog. From the <a href="https://one.newrelic.com">New Relic One homepage</a>, select the <strong>Apps</strong> button in the top right navigation bar:<br /><br />

To find the **My Awesome Visualization** that you have deployed, you need to look for your visualization in the app catalog. From the [New Relic One homepage](https://one.newrelic.com), select the **Apps** button in the top right navigation bar:

<img
src="../../images/build-an-app/click-app-button.png"
alt="Click the apps button in New Relic One"
/><br/>

Once on the <strong>Apps</strong> page, click the <strong>Custom Visualizations</strong> launcher:<br/>
Once on the **Apps** page, click the **Custom Visualizations** launcher:

<img
src="../../images/build-an-app/click-viz-launcher.png"
Expand All @@ -70,16 +71,17 @@ Once you've published your custom visualization to your account, in the followin

<Callout variant="tip" title="Note">

If you don't see the <strong>Custom Visualizations</strong> tile, use the search to locate it.
If you don't see the **Custom Visualizations** tile, use the search to locate it.

</Callout>

</Step>

<Step>
In <strong>Custom Visualizations</strong>, you will see all of the visualization that have been deployed to your account and any visualizations you are serving locally.<br /><br />

Select the <strong>My Awesome Visualization</strong> to add to a dashboard and then enable it:<br/><br/>
In **Custom Visualizations**, you will see all of the visualization that have been deployed to your account and any visualizations you are serving locally.

Select the **My Awesome Visualization** to add to a dashboard and then enable it:

<img
src="../../images/build-an-app/select-viz.png"
Expand All @@ -92,7 +94,7 @@ Once you've published your custom visualization to your account, in the followin

In the previous lesson, you reconfigured your visualization to use the platform configurations panel. Use the configuration options to select your desired chart, select your account, insert a NRQL query, and any other configurations you desire.

As you make your selections, the visualization will update with your changes:<br/><br/>
As you make your selections, the visualization will update with your changes:

<img
src="../../images/build-an-app/configure-viz.png"
Expand All @@ -102,14 +104,15 @@ Once you've published your custom visualization to your account, in the followin
</Step>

<Step>
Click <strong>Add to dashboard</strong> and then select a dashboard from the list of available dashboards, or select <strong>New dashboard</strong>:<br /><br />

Click **Add to dashboard** and then select a dashboard from the list of available dashboards, or select **New dashboard**

<img
src="../../images/build-an-app/click-add-to-dashboard.png"
alt="Click the add to dashboard button"
/><br/>
/>

If you decide to create a new dashboard, select the account where you want to run the dashboard, and give the dashboard a name:<br/>
If you decide to create a new dashboard, select the account where you want to run the dashboard, and give the dashboard a name:

<img
src="../../images/build-an-app/select-dashboard.png"
Expand All @@ -119,7 +122,8 @@ Once you've published your custom visualization to your account, in the followin
</Step>

<Step>
Click <strong>Add to dashboard</strong>, then click the link to your dashboard to see the custom visualization:<br/><br/>

Click **Add to dashboard**, then click the link to your dashboard to see the custom visualization:>

<img
src="../../images/build-an-app/review-dashboard.png"
Expand All @@ -131,14 +135,14 @@ Once you've published your custom visualization to your account, in the followin
</Steps>

## Manage your dashboard visualizations
<strong>Deleting:</strong> To remove a visualization from a dashboard, click the ellipses button in the right-hand corner of the visualization and click delete.<br /><br />
**Deleting:** To remove a visualization from a dashboard, click the ellipses button in the right-hand corner of the visualization and click delete.

<img
src="../../images/build-an-app/delete-viz.png"
alt="Delete your custom visualization"
/><br />

<strong>Editing:</strong> If your visualization needs some tweaking, delete the visualization, then follow the steps above to re-add the visualization, making any updates in Custom Visualizations.
**Editing:** If your visualization needs some tweaking, delete the visualization, then follow the steps above to re-add the visualization, making any updates in Custom Visualizations.

## Summary

Expand Down

0 comments on commit 2e411df

Please sign in to comment.