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!

Observability Unlocked: Kubernetes Monitoring with Splunk Observability Cloud

  Ready to master Kubernetes and cloud monitoring like the pros?Join Splunk’s Growth Engineering team for an ...

Wrapping Up Cybersecurity Awareness Month

October might be wrapping up, but for Splunk Education, cybersecurity awareness never goes out of season. ...

🌟 From Audit Chaos to Clarity: Welcoming Audit Trail v2

&#x1f5e3; You Spoke, We Listened  Audit Trail v2 wasn’t written in isolation—it was shaped by your voices.  In ...