topic Re: tabs In Dashboard in Dashboards & Visualizations

tabs In Dashboard

davidda — Mon, 30 Dec 2019 08:47:23 GMT

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

Re: tabs In Dashboard

niketn — Thu, 02 Jan 2020 10:20:35 GMT

@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.

Re: tabs In Dashboard

gjanders — Thu, 02 Jan 2020 11:01:47 GMT

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/static/tabs.js 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.

Re: tabs In Dashboard

davidda — Sun, 12 Jan 2020 13:13:02 GMT

Hi gjanders,

Thank you, it works great after updating the JS.

Re: tabs In Dashboard

tomasmoser — Tue, 04 Feb 2020 13:36:29 GMT

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?

Re: tabs In Dashboard

niketn — Thu, 30 Apr 2020 13:29:07 GMT

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?childToView=819873#answer-819873

Re: tabs In Dashboard

sbhatnagar88 — Wed, 22 Jul 2020 09:29:44 GMT

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