<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Dashboard - Screenshot Button in Splunk Enterprise</title>
    <link>https://community.splunk.com/t5/Splunk-Enterprise/Dashboard-Screenshot-Button/m-p/625123#M14886</link>
    <description>&lt;P&gt;Hello,&lt;/P&gt;&lt;P&gt;I am trying to figure out why the script for my dashboard will not produce results. I am getting the error below.&lt;/P&gt;&lt;P data-unlink="true"&gt;"..//&lt;SPAN class=""&gt;&lt;SPAN class=""&gt;&lt;SPAN class=""&gt;&lt;SPAN class=""&gt;appname/appserver/static/components/html2canvas&amp;nbsp;” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff)&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;Dashboard XML&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="markup"&gt;    &amp;lt;panel&amp;gt;
      &amp;lt;html&amp;gt;
        &amp;lt;div&amp;gt;
         &amp;lt;input id="btn-submit" type="button" class="btn btn-primary" value="Download Screenshot"/&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/html&amp;gt;  
    &amp;lt;/panel&amp;gt;&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;JS in ...//appserver/static/test.js&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;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 =&amp;gt; {
        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();
    });
  });
});&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Any assistance is greatly appreciated.&lt;/P&gt;</description>
    <pubDate>Thu, 22 Dec 2022 19:30:07 GMT</pubDate>
    <dc:creator>threadover</dc:creator>
    <dc:date>2022-12-22T19:30:07Z</dc:date>
    <item>
      <title>Dashboard - Screenshot Button</title>
      <link>https://community.splunk.com/t5/Splunk-Enterprise/Dashboard-Screenshot-Button/m-p/625123#M14886</link>
      <description>&lt;P&gt;Hello,&lt;/P&gt;&lt;P&gt;I am trying to figure out why the script for my dashboard will not produce results. I am getting the error below.&lt;/P&gt;&lt;P data-unlink="true"&gt;"..//&lt;SPAN class=""&gt;&lt;SPAN class=""&gt;&lt;SPAN class=""&gt;&lt;SPAN class=""&gt;appname/appserver/static/components/html2canvas&amp;nbsp;” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff)&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;Dashboard XML&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="markup"&gt;    &amp;lt;panel&amp;gt;
      &amp;lt;html&amp;gt;
        &amp;lt;div&amp;gt;
         &amp;lt;input id="btn-submit" type="button" class="btn btn-primary" value="Download Screenshot"/&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/html&amp;gt;  
    &amp;lt;/panel&amp;gt;&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;JS in ...//appserver/static/test.js&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;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 =&amp;gt; {
        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();
    });
  });
});&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Any assistance is greatly appreciated.&lt;/P&gt;</description>
      <pubDate>Thu, 22 Dec 2022 19:30:07 GMT</pubDate>
      <guid>https://community.splunk.com/t5/Splunk-Enterprise/Dashboard-Screenshot-Button/m-p/625123#M14886</guid>
      <dc:creator>threadover</dc:creator>
      <dc:date>2022-12-22T19:30:07Z</dc:date>
    </item>
  </channel>
</rss>

