Learning Splunk Web Framework

Stepping through the HTML dashboard code

I am sure you have noticed that the code is looking a lot different when it is in HTML form. When we created this dashboard, we used 15 lines of Simple XML code, and now in HTML, it is closer to 300 lines of code. Let's start stepping through the code we have created and give you a breakdown of what each of the sections does.

As we walk through the code, you will notice that there are five distinct sections of it:

• HTML metadata and style sheets, where we can set up the metadata for the page and load style sheets.
• HTML layout code is where we set up the div containers and call search and chart elements from the further sections in the code.
• JavaScript and Tokens, where the JavaScript libraries are loaded. This ...