Splunk Dev

Can I build a UI for Splunk in AngularJS?


I want a rich UI. Can Splunk use AngularJS as the UI by fetching the necessary information from Splunk?

0 Karma


You can try the Angular Examples app, for demonstrations of using Angular within Splunk HTML dashboard:

0 Karma


@manojkrishnan, you can do a lot of rich customization to Splunk dashboards using Simple XML CSS and JS Extensions, there are several examples in Splunk Dashboard Example Apps , dev.splunk.com, blogs.splunk.com and Splunk .conf sessions.

However, if you want to include modules and frameworks, you would need to convert your Splunk Dashboard from Simple XML to HTML (then you would need to be aware of Splunk Web Framework to understand and code your Splunk Dashboards). You can refer to Create a Music Dashboard tutorial to understand an HTML Dashboard Example in Splunk.

Finally please refer to one of my Splunk Wiki Talk topics to use Angular JS in Splunk HTML dashboard (PS: I have not tried Angular 2 or Angular 4, but expect the same to work as well). I would however also recommend @martin_mueller 's approach of creating your dashboard in technology/framework of your choice and then use Splunk SDK of your choice to just fetch the required data in your webpage.

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


You can build a UI in any language with any framework and use the REST API or one of the SDKs, e.g. JS, to fetch the necessary information from splunk.

Get Updates on the Splunk Community!

Optimize Cloud Monitoring

  TECH TALKS Optimize Cloud Monitoring Tuesday, August 13, 2024  |  11:00AM–12:00PM PST   Register to ...

What's New in Splunk Cloud Platform 9.2.2403?

Hi Splunky people! We are excited to share the newest updates in Splunk Cloud Platform 9.2.2403! Analysts can ...

Stay Connected: Your Guide to July and August Tech Talks, Office Hours, and Webinars!

Dive into our sizzling summer lineup for July and August Community Office Hours and Tech Talks. Scroll down to ...