Solved: In page menu development

dataisbeautiful · ‎07-05-2024

Hi all

I'm trying to make an in-dashboard menu (not the app top menu). We have a few main dashboards, each links to more specific dashboards. I'd like a menu at the top, something like...

Overview | today | yesterday | this week | last week

Each item has an interaction set to jump to another dashboard. I've created a single value element, set some text and added an interaction. That all works fine, but the "inspect fullscreen refresh" menu keeps poping up in the way of mouse clicks, see screen shot.

a) is there a way to hide this menu for specific elements or in general?

b) any other suggestions on how I might make an in-page menu?

I'm using Dashboard Studio in Grid layout... hopefully the answer isn't "use classic"

dataisbeautiful · ‎07-08-2024

Hi @isoutamo @gcusello

I've actually found a different fix to this. Place a transparent reactangle over the top and have the interaction properties set on that. The pop-up menu doesn't show and I can still use the single value to adjust the text shown underneath.

Thanks all for your suggestions!

View solution in original post

dataisbeautiful · ‎07-08-2024

Hi @isoutamo @gcusello

I've actually found a different fix to this. Place a transparent reactangle over the top and have the interaction properties set on that. The pop-up menu doesn't show and I can still use the single value to adjust the text shown underneath.

Thanks all for your suggestions!

gcusello · ‎07-08-2024

Hi @dataisbeautiful ,

good for you, see next time!

let us know if we can help you more, or, please, accept one answer for the other people of Community.

Ciao and happy splunking

Giuseppe

P.S.: Karma Points are appreciated by all the contributors 😉

isoutamo · ‎07-06-2024

Hi

another option is use e.g. refresh.link.visible etc. from Shared options

r. Ismo

gcusello · ‎07-06-2024

Hi @dataisbeautiful ,

instead a single vaue panel, why you don't try with an html box?

something like this:

<dashboard version="1.1">
  <label>Home Page</label>
  <row>
    <panel>
      <html>
	<h1>IT Infrastructure</h1>
  	<table border="0" cellpadding="10" align="center">
 	<th>
          <tr>
            <td align="center">
              <a href="dashboard1">
              <img style="width:80px;border:0;" src="/static/app/my_app/Windows_logo.png"/>
            </a> 
          </td>
          <td align="center">
            <a href="dashboard2">
              <img style="width:80px;border:0;" src="/static/app/my_app/Linux_logo.png"/>
            </a> 
          </td>
        </tr>
        <tr>
          <td align="center">
            <a href="/app/my_app/dashboard1">
              Windows
            </a> 
          </td>
          <td align="center">
            <a href="/app/my_app/dashboard2">
              Linux
            </a> 
          </td>
        </tr>
      </th>
    </table>
  </html>
  </panel>
</dashboard>

to adapt to your dashboards.

Ciao.

Giuseppe

In page menu development

Dashboard Studio

Splunk Edge Processor | Popular Use Cases to Get Started with Edge Processor

Introducing New Splunkbase Governance!

3 Ways to Make OpenTelemetry Even Better