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
Get Updates on the Splunk Community!

Splunk + ThousandEyes: Correlate frontend, app, and network data to troubleshoot ...

 Are you tired of troubleshooting delays caused by siloed frontend, application, and network data? We've got a ...

Splunk Observability for AI

Don’t miss out on an exciting Tech Talk on Splunk Observability for AI!Discover how Splunk’s agentic AI ...

🔐 Trust at Every Hop: How mTLS in Splunk Enterprise 10.0 Makes Security Simpler

From Idea to Implementation: Why Splunk Built mTLS into Splunk Enterprise 10.0  mTLS wasn’t just a checkbox ...