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!

See just what you’ve been missing | Observability tracks at Splunk University

Looking to sharpen your observability skills so you can better understand how to collect and analyze data from ...

Weezer at .conf25? Say it ain’t so!

Hello Splunkers, The countdown to .conf25 is on-and we've just turned up the volume! We're thrilled to ...

How SC4S Makes Suricata Logs Ingestion Simple

Network security monitoring has become increasingly critical for organizations of all sizes. Splunk has ...