Splunk Enterprise

Dashboard - Screenshot Button

threadover
Loves-to-Learn Everything

Hello,

I am trying to figure out why the script for my dashboard will not produce results. I am getting the error below.

"..//appname/appserver/static/components/html2canvas ” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff)

Dashboard XML

 

    <panel>
      <html>
        <div>
         <input id="btn-submit" type="button" class="btn btn-primary" value="Download Screenshot"/>
        </div>
      </html>  
    </panel>

 

JS in ...//appserver/static/test.js

 

require([
"underscore",
"jquery",
"splunkjs/mvc",
"splunkjs/mvc/simplexml/ready!",
"//splunk/etc/apps/appname/appserver/static/components/html2canvas",
],
function(_, $, mvc,html2canvas) {

$("#btn-submit").on("click", function(e){
    var screenshot = require("//splunk/etc/apps/appname/appserver/static/components/html2canvas");

    screenshot(document.querySelector("#test1"), {scale:2}).then(canvas => {
        console.log(canvas);

        var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");

        var link = document.createElement('a');
        link.download = "Dashboard Report.png";
        link.href = image;
        link.click();
    });
  });
});

 

Any assistance is greatly appreciated.

0 Karma
Get Updates on the Splunk Community!

.conf25 Community Recap

Hello Splunkers, And just like that, .conf25 is in the books! What an incredible few days — full of learning, ...

Splunk App Developers | .conf25 Recap & What’s Next

If you stopped by the Builder Bar at .conf25 this year, thank you! The retro tech beer garden vibes were ...

Congratulations to the 2025-2026 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...