Dashboards & Visualizations
×

Are you a member of the Splunk Community?

Sign in or Register with your Splunk account to get your questions answered, access valuable resources and connect with experts!
cancel
Turn on suggestions
Showing results for 
Show  only  | Search instead for 
Did you mean: 
Ask a Question

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

sbollam
Explorer
‎09-21-2021 11:55 PM

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)
Labels
tiles_view.PNG
Preview file
448 KB
0 Karma
Reply

aasabatini
Motivator
‎09-22-2021 02:27 AM

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
Reply

sbollam
Explorer
‎09-22-2021 03:02 AM

@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
Reply

aasabatini
Motivator
‎09-22-2021 03:29 AM

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
Reply
Register for .conf25!
Get Updates on the Splunk Community!

AppDynamics Summer Webinars

This summer, our mighty AppDynamics team is cooking up some delicious content on YouTube Live to satiate your ...

SOCin’ it to you at Splunk University

Splunk University is expanding its instructor-led learning portfolio with dedicated Security tracks at .conf25 ...

Credit Card Data Protection & PCI Compliance with Splunk Edge Processor

Organizations handling credit card transactions know that PCI DSS compliance is both critical and complex. The ...
Top