i want to create a new button and place it in the row where default(EDIT, Export) button present.
the new button will be hyper link .
Here is a slightly different version with jQuery.
require([
'underscore',
'jquery',
'splunkjs/mvc',
'splunkjs/mvc/simplexml/ready!'], function (_, $, mvc) {
var objEditMenu=$("div.dashboard-header-editmenu");
if (objEditMenu!==undefined){
$('<a target="_blank" class="btn edit-btn anchor-right" style="float: right;margin-right: 10px;" href="https://google.com">Google</a>').insertAfter('div.dashboard-header-editmenu');
};
});
This works perfectly, thanks!
Hi,
create a example.js
file at app_name/appserver/static location, and add the following code,
require([
"splunkjs/mvc",
"splunkjs/mvc/simplexml/ready!"
], function(mvc) {
var x = document.getElementsByClassName("dashboard-view-controls");
var y = "<a class=\"btn\" href=\"https://www.google.com\" target=\"_blank\">Extra Button</a>\n";
x[0].innerHTML = y + x[0].innerHTML;
});
Include this script on your dashboard XML and it's done - <dashboard script="example.js">
You can change values in var y
according to your requirement.
Please Upvote & Accept the answer if it helps.
happy splunking......!! 🙂
This works well, but in my case it creates an undesired effect: the Export
button on the right side of the Edit
button stops working.
Using Splunk 7.3.2 with Chrome Version 79.0.3945.117