@niketn As with a lot of things in Splunk, there are multiple ways to accomplish a task where simplicity is in the mind of the beholder. And when it comes to dashboards, simplicity rules in order to facilitate quick rendering and efficient trouble shooting. Using your method, how much could you reduce your code to simply create three tabs, label them, include simple text on each page and switch between them? Using the jqueryUI, you really don't need to know javaScript. All you need to do is reference the libraries, list the tab function, and create the HTML to take advantage of the tab functionality. Which, answering the question I posed, takes all of 21 lines (give or take depending upon how you want to format the HTML). " <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Tabs - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $( function() { $( "#tabs" ).tabs(); } ); </script> </head> <body> <div id="tabs"> <ul> <li><a href="#tabs-1">Nunc tincidunt</a></li> <li><a href="#tabs-2">Proin dolor</a></li> <li><a href="#tabs-3">Aenean lacinia</a></li> </ul> <div id="tabs-1"> <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. </p> </div> <div id="tabs-2"> <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc.</p> </div> "
... View more
