Dashboards & Visualizations

tabs In Dashboard

davidda
Explorer

Hi all,

I used the following blog to create a dashboard with tabs, it was working great until my last version update to 7.3.3 from 7.2.4

Since the update I can't press the tabs and all the panels are display in the main page (the default tab).

It seems there is an issue with the tokens from JS files, anyone had that issue and knows how to fixed it?

Thanks

1 Solution

gjanders
SplunkTrust
SplunkTrust

Have you tried updating to the newest version on https://github.com/LukeMurphey/splunk-dashboard-tabs-example ?

In particular https://raw.githubusercontent.com/LukeMurphey/splunk-dashboard-tabs-example/master/src/appserver/sta... has changed to work on 8.0

Then force refresh/use developer mode and disable cache?
I did the update in a search head cluster for 7.3.3 but I had 1 individual who was hitting CTRL+F5 in Chrome and the tabs were not working.
Using developer tools (F12) + Network tab + disable cache and then the refresh resolved the issue.

Of course wiping the cache of the entire browser would have also likely fixed it.

View solution in original post

niketn
Legend

Just to document a different approach using Simple XML with CSS Extension to create Tab in Splunk Dashboard without the need of JS Extension : https://answers.splunk.com/answers/819869/how-can-we-create-tabs-using-link-list-in-splunk-w.html?ch...

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

gjanders
SplunkTrust
SplunkTrust

Have you tried updating to the newest version on https://github.com/LukeMurphey/splunk-dashboard-tabs-example ?

In particular https://raw.githubusercontent.com/LukeMurphey/splunk-dashboard-tabs-example/master/src/appserver/sta... has changed to work on 8.0

Then force refresh/use developer mode and disable cache?
I did the update in a search head cluster for 7.3.3 but I had 1 individual who was hitting CTRL+F5 in Chrome and the tabs were not working.
Using developer tools (F12) + Network tab + disable cache and then the refresh resolved the issue.

Of course wiping the cache of the entire browser would have also likely fixed it.

sbhatnagar88
Path Finder

Did you face the problem of tab focus? 

 

I have three layers of tabs in dashboard when the dashboard is loaded for the first time, tab focus moves to first tab of last layer .Ideally, it should be on first tab of first layer. Any inputs on this.

Any help would be appreciable.

Thanks

0 Karma

davidda
Explorer

Hi gjanders,

Thank you, it works great after updating the JS.

tomasmoser
Contributor

Tabs.js used to work in such a way that tabs looked like "bread crumbs". Now, with recent version I see a row of underlined texts based on what tab is selected.

How can I get a typical bread crumb look and feel?

0 Karma

niketn
Legend

@davidda this seems to be a bug with 7.3.x and higher versions (even in 8.x) where data elements do not seem to work in Simple XML. If you download the demo tabs app from the blog and convert to HTML Dashboard, then it would work.

The issue seems to be that data elements in simple xml html panels no longer work for example data-toggle,data-elements etc. However, I did not see any error thrown browser, so not sure where it is failing. Work around would be to handle such things through Simple XML JS extension.
Let us know if
1) either conversion to HTML Dashboard will work for you
2) You can create a ticket for Splunk Support/Splunk Dev team to look at the issue with data elements in Simple XML.

If the above do not work and you need further assistance for Splunk Answers community for a workaround with Simple XML JS extension please let us know.

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma
Get Updates on the Splunk Community!

Index This | I am a number, but when you add ‘G’ to me, I go away. What number am I?

March 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with another ...

What’s New in Splunk App for PCI Compliance 5.3.1?

The Splunk App for PCI Compliance allows customers to extend the power of their existing Splunk solution with ...

Extending Observability Content to Splunk Cloud

Register to join us !   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to ...