Extending Splunk UI using Custom JS and CSS

Extending Splunk UI using Custom JS and CSS

April 17, 2020
Profile Icon

Jason Franscisco

Cyber Security companies are facing challenges to find reliable IT consulting firms to build dashboards quickly within popular SIEM products that will allow enterprise security professionals to track and record activities within their IT environments.

Loginsoft has expertise in Splunk and has created several custom dashboards with rich visualization using Tables, Columns, Timelines, Pie Charts, Bar Charts, Single Values, etc., for leading Threat Intelligence products. For a leading Threat Intel Gateway Product company, Loginsoft configured Dashboards for Visualization of network traffic from multiple endpoints. In addition, Vulnerability Intel Report Dashboards with custom icons were created for leading companies in Cybersecurity Ratings and Cybercrime Intelligence.

Extending Splunk UI using custom JavaScript and CSS

The following custom features can be used to create highly personalized and diverse dashboards.

Custom Tooltip and Icons using JavaScript:

When logs are sent to the Splunk Application, there is no option to create a custom Tooltip i.e. a mouse hover popup on a data point in the timeline graph.

Loginsoft has leveraged Jquery and JavaScript to implement this feature which is not otherwise available.

Splunk - Custom Tooltip and Icons using JavaScript

We also leveraged JavaScript to create custom icons and also change the color for the text based on an event trigger for one of the dashboards as shown below.

Custom Icons for an Event Trigger on Splunk Dashboard

Configuration Bundle with Custom CSS:

Users cannot show Checkbox options alongside count in Splunk. To mitigate this, Loginsoft bundled a Checkbox Input with column data from Splunk by overwriting Splunk’s default style with Loginsoft’s custom CSS.

Additionally, Loginsoft has leveraged JavaScript to add functionalities that allow users to append graphs in order of selection.

Splunk Dashboard - Configuration Bundle with Custom CSS

How can this approach benefit the Organizations?

  • Thinking outside the box to address client's Splunk requirements
  • Enhancing Splunk's technical features
  • Leveraging the productivity and delivery support with high standards
  • Redesigning entire dashboard page as per client's branding and styles
  • Adding custom icons in Splunk tables and displaying custom Tooltips on mouse hover event to expand icon description.

Explore Cybersecurity Platforms

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

Learn more
white arrow pointing top right

About Loginsoft

For over 16 years, leading companies in Telecom, Cybersecurity, Healthcare, Banking, New Media and more have come to rely on Loginsoft as a trusted resource for technology talent. Whether Onsite, Offsite, or Offshore, we deliver.

Loginsoft is a leading Cybersecurity services company providing Security Advisory Research to generate metadata for vulnerabilities in Open source components, Discovering ZeroDay Vulnerabilities, Developing Vulnerability Detection signatures using MITRE OVAL Language.

Expertise in Integrations with Threat Intelligence and Security Products, integrated more than 200+ integrations with leading TIP, SIEM, SOAR and Ticketing Platforms such as Cortex XSOAR, Anomali, ThreatQ, Splunk, IBM QRadar, IBM Resilient, Microsoft Azure Sentinel, ServiceNow, Swimlane, Siemplify, MISP, Maltego, Cryptocurrency APIs with Digital Exchange Platforms, CISCO, Datadog, Symantec, Carbonblack, F5, Fortinet and so on.

Interested to learn more? Let’s start a conversation.

Book a meeting


Latest Articles

Get practical solutions to real-world challenges, straight from experts who conquered them.

View all our articles

Sign up to our Newsletter