Dears, i have a problem with my dashboard using html inside the <row>. what i want to achieve is having 2 tabs so that when i click on each of them a different query will be executed. the problem is that i have a separate html code in each of them and both links appear as active regardless of the tab i select. i followed this tutorial:
Splunk Dashboard Customization: Create Multiple Tabs Within A Single Dashboard - Splunk on Big Data
my code is :
<dashboard script="tabs.js" stylesheet="tabs.css"> <label>test</label> <row id="tabs"> <panel> <html> <ul id="tabs" class="nav nav-tabs"> <li class="active"> <a href="#" class="toggle-tab" data-elements="tab_Map" data-token="control_token_non_internal" style="color:orangered;font-weight: bolder;">tab1</a> </li> <li> <a href="#" class="toggle-tab" data-elements="tab_Tab2" data-token="control_token_non_internal" style="color:orangered;font-weight: bolder;">tab2</a> </li> </ul> </html> </panel> </row> <row id="tab_Map" > <panel > <html > <a href=...(ommiting this part)><button class="button">tab1</button>
</row>
and another row for the other tab. i get both buttons like below. i want to have only tab1 button when i click on tab1 , not both of buttons. any idea what am i missing
... View more
