All Apps and Add-ons

Simple XML strips onclick from HTML button

fk319
Builder

I am trying to do an onclick in a button in an HTML block in Simple XML:

<code>
<dashboard>
  <label>Test Button onclick error</label>
  <row>
    <panel>
      <html>
        <div>
          <button id="button" onclick="myfunction()" rover="dog">Click Here</button>
        </div>
      </html>
    </panel>
  </row>
</dashboard>
</code>

When it gets rendered, onclick is removed. Noticed I added a bogus tag and it was passed through.

<code>
    <div id="row1" class="dashboard-row dashboard-row1">
        <div id="panel1" class="dashboard-cell" style="width: 100%;">
            <div class="dashboard-panel clearfix">

                <div class="panel-element-row">
                    <div id="element1" class="dashboard-element html" style="width: 100%">
                        <div class="panel-body html">
                                <div><button id="button" rover="dog">Click Here</button></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</code>

I am trying to execute a java script on demand from a link in an HTML panel.

Any ideas?

rlacher1
Explorer

Try removing the Bootstrip div elements wrapping your submit button, replacing with a plain div, and sourcing your JavaScript from a .js file -- I was using

<div class="control-group">
    <div class="controls">
        <input id="submit_button" type="button" value="Click" onclick="alert('Test')" />
    </div>
</div>

and replaced it with

dashboard.xml

<input id="submit_button" type="button" value="Click"/>

dashboard.js

require([ "jquery", "splunkjs/mvc/simplexml/ready!"],
         function($){
            $("#submit_button").on("click", function (){
                 alert("Test");
            });
         });

I'm not sure why SimpleXML chomps the onclick, but this workaround helped.

Source: https://answers.splunk.com/answers/378289/calling-java-script-from-dashboard.html

0 Karma

jossplacencia
New Member

this is not working with default submit button (field set) , any suggestions?

0 Karma

fk319
Builder

rlacher1
Explorer

@fk319 try removing any Bootstrap divs surrounding the input -- that was what fixed my issue while using your first link.

0 Karma
Get Updates on the Splunk Community!

Introducing the Splunk Community Dashboard Challenge!

Welcome to Splunk Community Dashboard Challenge! This is your chance to showcase your skills in creating ...

Built-in Service Level Objectives Management to Bridge the Gap Between Service & ...

Wednesday, May 29, 2024  |  11AM PST / 2PM ESTRegister now and join us to learn more about how you can ...

Get Your Exclusive Splunk Certified Cybersecurity Defense Engineer Certification at ...

We’re excited to announce a new Splunk certification exam being released at .conf24! If you’re headed to Vegas ...