How to add a bar below the navigation menu in splunk

[Nadhiyaa]

I am not so great at javascript .So please provide me the snippets in detail.

[woodcock]

3 items in 1 menu, 3 items in another:

<collection label="One Menu">
    <view name="Dashboard_1" default="true" />
    <view name="Dashboard_2" />
    <view name="Dashboard_3" />
 </collection>
 <collection label="Another Menu">
   <a href="/app/App1">App_1</a>
   <a href="/app/App2">App_2</a>
   <a href="/app/App3">App_3</a>
 </collection>

[niketn]

Copying details from the duplicate thread which will be closed: https://answers.splunk.com/answers/671916/navigation-menu-customisation.html

---

Nadhiyaa

---

Below is my configuration settings for the navigation menu
default.xml:

 <collection label="Systems and Cloud services">
   <a href="/app/datacenter_vmcust">SCS</a>
 </collection>
 <a href="/app/messaging_and_services">Messaging Services</a>
 <a href="/app/FM">FM</a>
 <a href="/app/xx" default="true">WW</a>
 <collection label="yy"> 
   <a href="/app/zz">WW-YU</a>
 </collection>
 </collection>
 <collection label="LAN and Network Security">
   <a href="/app/LNS">LNS</a>
 </collection>
 <collection label="Unified Communication">
   <a href="/app/UC">UC</a>
 </collection>
 <a href="/app/DB">DB</a>

I require to have the views below the collections not in the same app header bar .
Views menus should come below the app bar.

For example :

My navigation menu should be like below

XX YY ZZ
AA BB CC

Where XX,YY,ZZ are the top level menus when we click on one of the subset of XX goes to AA dashboard where again i should have XX YY ZZ and then below AA related views . it should be one level below

[niketn]

@Nadhiyaa your requirement seems to be straightforward where each Splunk App Navigation Menu should show a dropdown with dashboard name. Can you check @woodcock 's answer below? If not the pre-built panel approach should always work.

[Nadhiyaa]

@niketnilay

i am not able to post the screen shot .

my requirement is not to show the dropdown in the navigation menu

[niketn]

@Nadhiyaa, you can upload image to any image sharing site like imgur etc and then provide hyper link to image using Image button <img> on Splunk Answers or shortcut Ctrl+G to post image.

Have you looked at one of my older answers as suggested below to use Pre-built Panel for creating your own menu to be displayed in Splunk Dashboards?

https://answers.splunk.com/answers/595047/can-we-implement-cascading-dropdowns-in-a-dashboar.html

[Nadhiyaa]

@niketnilay yes i looked at it that is not what i want 🙂

[Nadhiyaa]

https://imgur.com/a/c0HLLts

Please check where X1 , X2, X3 should come below Data center , etcc

[niketn]

While your screenshot does not match with your previous navigation xml, if you need to use navigation XML to build hierarchy, you would need to create a <collection> and put the required dashboard under the collection. Refer to Splunk Dev documentation http://dev.splunk.com/view/webframework-developapps/SP-CAAAEP9

  <collection label="Data Center">
     <a href="/app/<yourAppName>/<yourDashboardName1>">Dashboard 1</a>
     <a href="/app/<yourAppName>/<yourDashboardName2>">Dashboard 2</a>
     <a href="/app/<yourAppName>/<yourDashboardName3>">Dashboard 3</a>
  </collection>
  <collection label="Network and Communication"> 
     <a href="/app/<yourAppName>/<yourNetworkDashboardName1>">Network Dashboard 1</a>
  </collection>
  </collection>
  <collection label="Database">
     <a href="/app/<yourAppName>/<yourDBDashboardName1>">DB Dashboard 1</a>
  </collection>

[Nadhiyaa]

@niketnilay

Please find the screenshot .

Where i want Boingo WiFI Services,Boingo WiFI Historical should come on the second row not on the top level menu .

Please tell me if its possible using xml where we can use tags

[Nadhiyaa]

@niketnilay
Please let me know if you can help out here

[Nadhiyaa]

@niketnilay

I have done the same.

This is the basic thing to create dropdown in the navigation menu . I have done that .
The views mentioned without the collection label should be in the separate bar. i.e separate row

[woodcock]

Like this:

<collection label="Systems and Cloud services">
  <a href="/app/datacenter_vmcust">SCS</a>
</collection>
<a href="/app/messaging_and_services">Messaging Services</a>
<a href="/app/FM">FM</a>
<a href="/app/xx" default="true">WW</a>
<collection label="yy"> 
  <a href="/app/zz">WW-YU</a>
</collection>
</collection>
<collection label="LAN and Network Security">
  <a href="/app/LNS">LNS</a>
</collection>
<collection label="Unified Communication">
  <a href="/app/UC">UC</a>
</collection>
<collection label="Your Collection Name Here">
  <a href="/app/DB">DB</a>
</collection>

[Nadhiyaa]

my requirement is not to display the dropdown menus.

[Nadhiyaa]

3 menu on one bar
3 menu on the below bar , not on the same bar

[niketn]

@Nadhiyaa, instead of using Splunk's navigation xml, can you use pre-built panel approach as per my older answer?

https://answers.splunk.com/answers/595047/can-we-implement-cascading-dropdowns-in-a-dashboar.html

This will allow you to use <html> elements as per your needs.

[hreyes18]

Even though, it is a good approach, there will be a lot of duplicated code anywere; furthermore you'll be getting rid of splunk's web functionalities as .pdf generators and alerting. So I would take a look at simple_xml_examples Splunk App sourcecodeviewer implementation.
You could implement a simple template in a custom dashboards.js for a custom appnav bar, when still using default.xml appnav definition.

[manish_singh_77]

Find below the steps to add navigation menu in Splunk,
Setting -> user interfance -> Navigation menus -> Select your App from App Context, go to default and then add the view name

[Nadhiyaa]

@manish_singh_777

I need to add a navigation menu below the navigation menu

[Nadhiyaa]

@niketnilay Hope you would help around here