Learning Splunk Web Framework

Customizing JavaScript Modules in HTML

We are going to add a table to the bottom of the page to show the data for the highest open values for our stock market data. The table will be simple and only have two rows, but our changes to our JavaScript code will then allow the row to be expanded and display a timechart of the opening stock values.

1. You should still be in the html directory of your Splunk App. Open up the stock_market_historical_overview_html.html file in your text editor. We will start by adding in the div elements that will set up the table that will be displayed at the bottom of the page. Move down to line 62 of our code and add the following lines:

    62 <div id="row3" class="dashboard-row dashboard-row3"> 63 <div id="panel1" class="dashboard-cell" ...