topic Re: LayoutPanel name for Help | About menu section in Dashboards & Visualizations

LayoutPanel name for Help | About menu section

Ant1D — Thu, 25 Nov 2010 20:30:59 GMT

Hey,

I want to place a HTML link in the position where the Help | About menu resides in Splunk Web.

Does anyone know the layoutPanel value (e.g. appHeader) that will make this possible?

Also does anyone know where I can get a list of all of the layoutPanel positions that I can use in Advanced XML? This will be useful for positioning modules in a view.

Thanks in advance for your help.

Re: LayoutPanel name for Help | About menu section

ziegfried — Thu, 25 Nov 2010 20:59:30 GMT

That sould be navigationHeader. You can take a look at the (mako-) template that renderes the view at $SPLUNK_HOME/share/splunk/search_mrsparkle/view/dashboard.html and $SPLUNK_HOME/share/splunk/search_mrsparkle/view/search.html (search form).

Available regions for a dashboard (might not be complete):

appHeader
navigationHeader
viewHeader
splSearchControls-inline
mainSearchControls
panel_row{n}_col{n}[_grp{n}]

One option to position the content to the right of the Help | About Links is to add it before the AppBar:

<module name="StaticContentSample" layoutPanel="navigationHeader">
    <param name="text"><![CDATA[ <span>|</span><a href="#"> Test</a> ]]></param>
</module>
<module name="AppBar" layoutPanel="navigationHeader"/>

and set the CSS (application.css) to float right:

.navigationHeader .StaticContentSample { float: right; }

Tweaking the padding/margin in the CSS might help in positioning it.

An easier option as well, is to just use JS to add the link to the menu. In application.js:

$('<a href="#">Test</a> <span>|</span>').prependTo(".AppBar .auxLinks");

$('<span>|</span> <a href="#">Test</a>').appendTo(".AppBar .auxLinks");

If you only want to do this in one view, you can do this by surround this statements with something like:

if($('body.splView-flashtimeline').length) { ... }

Re: LayoutPanel name for Help | About menu section

Ant1D — Fri, 26 Nov 2010 00:03:59 GMT

Hi Ziegfried. Thanks for the info. I tried navigationHeader before but it puts my link just below the menu bar. Is there a (simple) way of positioning the module so that it appears on the right hand side and not the left?

Re: LayoutPanel name for Help | About menu section

ziegfried — Fri, 26 Nov 2010 00:22:00 GMT

Modified answer

Re: LayoutPanel name for Help | About menu section

Ant1D — Fri, 26 Nov 2010 00:42:57 GMT

It works! but I am not surprised. Clever thinking as usual from yourself. Thanks again.

Re: LayoutPanel name for Help | About menu section

Ant1D — Sat, 27 Nov 2010 00:48:34 GMT

Thanks for the JS info. I might give it a try. Thanks for the different options.