Dashboards & Visualizations

How to create a central dashboard containing links to all other dashboards for users to navigate to?

Motivator

Hi,

Is there a way to create a Dashboard/form/something that will group dashboards together? Example, I have dashboards 1-10, but I'd like that have 1 central dashboard/page that the users would go to and then select the dashboard that they want to view.

1 Solution

Communicator

I have done something similar with a very simple dashboard using primarily HTML (ex: home.xml):

<dashboard>
  <label>Home</label>
  <row>
    <panel>
        <title>Panel 1</title>
        <html>
            <div>
                <li><a href="/app/yourapp/dashboard1">Dashboard 1</a></li>
                <li><a href="/app/yourapp/dashboard2">Dashboard 2</a></li>
            </div>
        </html>
    </panel>
  </row>
</dashboard>

Within the html tags you can do pretty much whatever you want as far as the presentation goes.

Then I modified default.xml under $SPLUNK_HOME/etc/apps/yourapp/default/ui/nav to make my home dashboard the default dashboard and add it to the navigation:

<nav search_view="search" color="#65A637">
  <view name="home" default='true' />

   ... other dashboards/dropdowns that reflect my app's structure

</nav>

View solution in original post

Communicator

I have done something similar with a very simple dashboard using primarily HTML (ex: home.xml):

<dashboard>
  <label>Home</label>
  <row>
    <panel>
        <title>Panel 1</title>
        <html>
            <div>
                <li><a href="/app/yourapp/dashboard1">Dashboard 1</a></li>
                <li><a href="/app/yourapp/dashboard2">Dashboard 2</a></li>
            </div>
        </html>
    </panel>
  </row>
</dashboard>

Within the html tags you can do pretty much whatever you want as far as the presentation goes.

Then I modified default.xml under $SPLUNK_HOME/etc/apps/yourapp/default/ui/nav to make my home dashboard the default dashboard and add it to the navigation:

<nav search_view="search" color="#65A637">
  <view name="home" default='true' />

   ... other dashboards/dropdowns that reflect my app's structure

</nav>

View solution in original post

New Member

can we add drilldown to it, as it is taking me to the Dashboard1 page when i click on 1, instead it should open in new tab when i click on dashboard 1 and dashboard 2

0 Karma

Communicator

Hi @karker302,

I have implemented something line this.

I have named links for all the dashboards in the main page and by clicking on each of the links they take me to the respective dashboards.
But is there a option to increase the font size of those href links ?

0 Karma

SplunkTrust
SplunkTrust

@surekhasplunk, you can do it through CSS. In the following example I have purposely added two types of CSS Styles

1) Inline style within HTML tag : <div id="myMainMenu" style="font-size:200%">
2) <style> tag within HTML panel

<dashboard>
  <label>Dashboard Menu</label>
   <row>
     <panel>
         <title>Panel 1</title>
         <html>
            <style>
              #myMainMenu li{
                padding-bottom:10px;
              }
            </style>
            <div id="myMainMenu" style="font-size:200%">
                 <li><a href="/app/yourapp/dashboard1">Dashboard 1</a></li>
                 <li><a href="/app/yourapp/dashboard2">Dashboard 2</a></li>
            </div>
         </html>
     </panel>
   </row>  
</dashboard>

3) You can also save the contents within <style>...</style> tag as YourCustomStyle.css file and include the same as or , depending on which type of dashboard view you have created.
PS: This type of CSS Style will require you to place the CSS file under appserver/static folder for your Splunk App which is typically $SPLUNK_HOME$/etc/apps/<YourAppName>/appserver/static. For the changes to reflect you might have to restart/refresh/bump your Splunk instance and also clear browser history.

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

Builder

Hi Niket,

Can we create a sub-menu below "dashboard 1" to see the different views such as "view-1" , view-2" and so on.. ? also, can we do it like mouse hover and the sub-menu will appear like sort of "dynamic menus" stuff ? Can you please help in that regards ? Thanks.

0 Karma

Builder

Hi Niket,

Actually I want to create this type of landing page for my Splunk, from where people can navigate to respective applications. I have attached a screenshot on this link :

https://ibb.co/8K62v6d

So, when you click "Wifi", there will be sub-menu which will list different views in that, like the link below :

http://jsfiddle.net/APA2S/1/

So, this above I have to display in the panel body itself. Can we use same javascript and jquery code to do that ? Please advise. If you want I can open a new question on this too :

Thanks
PG

0 Karma

SplunkTrust
SplunkTrust

@pgadhari, most of the time if you can create a UI design using HTML CSS and JS, the same can be brought to Splunk Dashboard as well. Refer to one of my older answer which creates Cascaded Dropdown Menu using HTML and CSS. Please try out and confirm on the original post : https://answers.splunk.com/answers/595047/can-we-implement-cascading-dropdowns-in-a-dashboar.html

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

Influencer

You can get the list of dashboards with the below search

|rest /servicesNS/-/-/data/ui/views

and then list them in a table, configure a drill down link by constructing the URL with
http://your_splunk_host:8000/en-US/app/ + appname + view name

0 Karma

Legend

You can use the link tag to navigate to other dashboards, or you could create a menu struture on all your dashboards so users can navigate back and forth without having to go to the central dashboard. Below some relevant links to help you with this task

http://docs.splunk.com/Documentation/Splunk/6.4.2/AdvancedDev/BuildNavigation

https://answers.splunk.com/answers/225099/is-there-any-option-to-just-link-two-dashboards-wi.html

0 Karma