Dashboards & Visualizations

How do I make my dashboard more enhanced/beautiful?

architkhanna
Path Finder

Is there a way I can use bootstrap or anything in order to make my boring dashboard view to more beautiful and catchy?

0 Karma

niketn
Legend

@architkhanna, Bootstrap, jQuery, HTML5 and CSS3 are all available for you in Splunk Dashboard with Simple XML JS and CSS extensions. So, you have several options depending on your Skill Level

  1. Splunk Style Guide: https://<yourSplunkServer>/en-US/static/docs/style/style-guide.html. Refer to this for Splunk's Style Guide. Bootstrapped Tabs, Modal View, Accordion etc.
  2. Developers Gadgets App from Splunkbase: by @rjthibod which has several Developer goodies including Accordion.
  3. Panel Fold/Unfold Splunk Answer post by @yutaka1005 with a Simple XML CSS Extension (no JS Required).
  4. HTML5 Inputs with Simple XML Extensions: @jconger 's Blog
  5. Simple XML JS Extension for creating Tabs: @LukeMurphey 's blog
  6. Example to use jQuery UI using HTML Dashboard (Accordion) on Splunk Dev site.
  7. Build your own Custom Visualization using Splunk's Custom Visualization API and JS charting library of your choice.

While these are some of your starting points for using Splunk Web Framework as Web UI Development tool depending on your skill level. Virtually you can use any Web Technology like Angular, SVG, Canvas etc and if you lookup resources on Splunkbase there are some existing Apps around them already.

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

niketn
Legend

@architkhanna if you have further queries please post them here so that we can resolve the same. If not please Accept the question to mark the same as answered!

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

deepashri_123
Motivator

Hey@architkhanna,

You can try using this app:
https://splunkbase.splunk.com/app/2717/

Let me know if this helps!!

0 Karma

architkhanna
Path Finder

we have our in house visualization app.What I am looking here for is fancy features like on hover the panel turn and I can show some text . Some features provided by bootstrap

0 Karma

vishaltaneja070
Motivator

You can link with D3.js

0 Karma
Get Updates on the Splunk Community!

Index This | I am a number, but when you add ‘G’ to me, I go away. What number am I?

March 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with another ...

What’s New in Splunk App for PCI Compliance 5.3.1?

The Splunk App for PCI Compliance allows customers to extend the power of their existing Splunk solution with ...

Extending Observability Content to Splunk Cloud

Register to join us !   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to ...