All Apps and Add-ons
×

Are you a member of the Splunk Community?

Sign in or Register with your Splunk account to get your questions answered, access valuable resources and connect with experts!
cancel
Turn on suggestions
Showing results for 
Show  only  | Search instead for 
Did you mean: 
Ask a Question

Simple XML strips onclick from HTML button

fk319
Builder
‎03-21-2016 06:27 AM

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?

Reply

rlacher1
Explorer
‎05-29-2016 01:40 PM

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
Reply

jossplacencia
New Member
‎01-04-2017 03:19 PM

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

0 Karma
Reply

fk319
Builder
‎03-24-2016 08:52 AM

I worked:
https://answers.splunk.com/answers/378289/calling-java-script-from-dashboard.html
and
http://www.w3schools.com/jquery/event_on.asp
but was unable to get anything to work.

Reply

rlacher1
Explorer
‎05-29-2016 01:44 PM

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

0 Karma
Reply
Get Updates on the Splunk Community!

Dashboards: Hiding charts while search is being executed and other uses for tokens

There are a couple of features of SimpleXML / Classic dashboards that can be used to enhance the user ...

Splunk Observability Cloud's AI Assistant in Action Series: Explaining Metrics and ...

This is the fourth post in the Splunk Observability Cloud’s AI Assistant in Action series that digs into how ...

Brains, Bytes, and Boston: Learn from the Best at .conf25

When you think of Boston, you might picture colonial charm, world-class universities, or even the crack of a ...
Top