Splunk Cloud Platform

Splunk Dashboard Studio

This documentation does not apply to the most recent version of Splunk Cloud Platform. For documentation on the most recent version, go to the latest release.

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.

  1. Download the Buttercup mascot image.
  2. Select the add image icon (A mountain and sun landscape as an icon.) in the editing toolbar.
  3. Using the Configuration panel, under Image, locate your Buttercup mascot .png file and upload the image.
  4. Resize and position the Buttercup mascot between the two bottom graphs.
  5. Using the editing toolbar, add an ellipse by clicking the Add Shape (A square, triangle, circle, and backslash configured to form a larger square.) button.
  6. 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"
    },
    
  7. Resize and position the ellipse beneath the Buttercup mascot for a shadowing effect.
    1. 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.

  1. Select the add text icon (An upper and lowercase letter A as an icon.) in the editing toolbar.
  2. Enter Buttercup Games Online Store in the text box.
  3. In the Configuration panel, style your text with the following steps:
    1. Set Position & Size to this arrangement:
      1. X Position: -330
      2. Y Position: 310
      3. Width: 700
      4. Height: 50
    2. Set Rotation to 270
    3. Select the following Font Settings:
      1. Font: Splunk Platform Sans
      2. Font Size (px): 46
      3. Weight: Bold

Now your final dashboard, after completing the Splunk Dashboard Studio tutorial, looks similar to this:

A dashboard for fictional Buttercup Games Online Store showing various mock data for customer purchases and high performing games.

Share or export your dashboard

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.

Last modified on 21 March, 2022
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


Was this topic useful?







You must be logged into splunk.com in order to post comments. Log in now.

Please try to keep this discussion focused on the content covered in this documentation topic. If you have a more general question about Splunk functionality or are experiencing a difficulty with Splunk, consider posting a question to Splunkbase Answers.

0 out of 1000 Characters