Part 9 Polish up your dashboard
Now your Buttercup Games dashboard is nearly complete. In this part of the tutorial, finish your dashboard by adding icons, and then share or export your final dashboard.
Add an image
You can add an image to your dashboard for an extra creative flair. Let's add the Buttercup mascot provided by Splunk.
- Download the Buttercup mascot image.
- Select the add image icon () in the editing toolbar.
- Using the Configuration panel, under Image, locate your Buttercup mascot .png file and upload the image.
- Resize and position the Buttercup mascot between the two bottom graphs.
- Using the editing toolbar, add an ellipse by clicking the Add Shape () button.
- Adjust the color and opacity of the ellipse by opening the Code section in the Configuration panel. Place your cursor in the options brackets and add the following styling options:
"options": { "stroke": "transparent", "fillOpacity": 0.2, "fill": "#000000", "strokeColor": "transparent", "fillColor": "#000000" },
- Resize and position the ellipse beneath the Buttercup mascot for a shadowing effect.
- You can also use the Buttercup mascot's action panel to layer the mascot in front of the ellipse. See Use the action panel to layer, clone, and delete objects.
Add rotated text
For a final touch, you can add an extra bolded title to your dashboard.
- Select the add text icon () in the editing toolbar.
- Enter Buttercup Games Online Store in the text box.
- In the Configuration panel, style your text with the following steps:
- Set Position & Size to this arrangement:
- X Position: -330
- Y Position: 310
- Width: 700
- Height: 50
- Set Rotation to 270
- Select the following Font Settings:
- Font: Splunk Platform Sans
- Font Size (px): 46
- Weight: Bold
- Set Position & Size to this arrangement:
Now your final dashboard, after completing the Splunk Dashboard Studio tutorial, looks similar to this:
You can download a PNG or PDF version of your dashboard, or you can apply view-only settings to your dashboard and allow others to open your dashboard in the Splunk platform.
While in View mode, select Actions and choose to download your dashboard as a PNG or PDF. From the Actions panel, you can also Clone or Delete your dashboard.
Before sending others a link to your dashboard, apply view-only settings to prevent accidental edits from others. See Apply view-only settings for dashboard.
Visit the Dashboard Examples Hub for more resources
The Dashboard Examples Hub provides examples of visualizations, inputs, data sources, defaults, complete dashboards, and various configuration options. Each example lists source code for the data driving the visualization and its options, with each complete dashboard providing the full definition. You can use this code as a reference or copy and paste it into your own dashboard.
Access the Dashboard Examples Hub from the Dashboards page in the Search & Reporting app. From the Dashboards page, select Visit Example Hub under Latest Resources.
Part 8 Apply customization options with dashboard default settings | About the Splunk Dashboard Studio editors |
This documentation applies to the following versions of Splunk Cloud Platform™: 8.2.2112
Feedback submitted, thanks!