Dashboards & Visualizations

How to create tiles view to the input values for the fieldset using CSS and HTML?

sbollam
Explorer

Hi Team,

I would need someone's help to accomplish the requirement. I have less knowledge on css. so seeking your help.

I have about 7 dashboards created, I would want one dashboard to be created having those dashboard names in the tiles view with the drilldown enabled for the respective dashboards.

Here tile view has to be created to the input values. Please find the image attached the way i wanted the dashboard to be shown.

Here in the image values shown are item1 item2, ..

Note: i need the css and html to be written in the dashboard instead having them in css file.

Labels (1)
0 Karma

aasabatini
Motivator

Hi @sbollam 

you can use an html functions on xml

<dashboard>
  <label>test_dashboard</label>
  <row>
    <panel>
      <html>
<h3>
        <a href="/app/<your_app_name>/<dashboard_name>"><link_name></a>
      </h3>
</html>
    </panel>
    <panel>
      <html>
<h3>
  <a href="/app/<your_app_name>/<dashboard_name>"><link_name></a>
      </h3>
</html>
    </panel>
    <panel>
      <html>
    <h3>
        <a href="/app/<your_app_name>/<dashboard_name>"><link_name></a>
      </h3>
</html>
    </panel>
  </row>
  <row>
    <panel>
      <html>
    <h3>
        <a href="/app/<your_app_name>/<dashboard_name>"><link_name></a>
      </h3>
</html>
    </panel>
    <panel>
      <html>
    <h3>
        <a href="/app/<your_app_name>/<dashboard_name>"><link_name></a>
      </h3>
</html>
    </panel>
    <panel>
      <html>
    <h3>
        <a href="/app/<your_app_name>/<dashboard_name>"><link_name></a>
      </h3>
</html>
    </panel>
  </row>
</dashboard>

 

Please try to use this sample here
remember to compile the voices app_name dashboard_name and link_name with you propertly values (your dashboard, your app, and the appropriate link name.) 

if this message help, your vote or solution confirmation is appreciate

Ale

“The answer is out there, Neo, and it’s looking for you, and it will find you if you want it to.”
0 Karma

sbollam
Explorer

@aasabatini , I actually need the dashboard names in the tiles as shown in the attachment. When i click on the tile it has to direct me the respective dashboard.

I have to create a dashboard similar the image that i enclosed.

0 Karma

aasabatini
Motivator

Hi @sbollam 

did you try my example code?

“The answer is out there, Neo, and it’s looking for you, and it will find you if you want it to.”
0 Karma
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

[Puzzles] Solve, Learn, Repeat: Matching cron expressions

This puzzle (first published here) is based on matching timestamps to cron expressions.All the timestamps ...

Design, Compete, Win: Submit Your Best Splunk Dashboards for a .conf26 Pass

Hello Splunkers,  We’re excited to kick off a Splunk Dashboard contest! We know that dashboards are a primary ...

May 2026 Splunk Expert Sessions: Security & Observability

Level Up Your Operations: May 2026 Splunk Expert Sessions Whether you are refining your security posture or ...