topic Re: button click functionality: how do I change the name of a button? in Dashboards & Visualizations

button click functionality: how do I change the name of a button?

Mohsin123 — Wed, 05 Sep 2018 19:41:37 GMT

hi ,

i have added a show-hide button using buttonclick.js functionality...

 require([
     "splunkjs/mvc",
     "splunkjs/mvc/simplexml/ready!"
 ], function(
             mvc
             ) {
         var defaultTokenModel = mvc.Components.get("default");
         var submittedTokenModel = mvc.Components.get("submitted");
         $("#showButton").click(function(){
             defaultTokenModel.set("show_details","true"); 
             submittedTokenModel.set("show_details","true"); 
         });
         $("#hideButton").click(function(){
             defaultTokenModel.unset("show_details");
             submittedTokenModel.unset("show_details"); 
         });
 });

...but the show button is displayed as Show

i want to change the name of the show button.

Is this possible?

Re: button click functionality: how do I change the name of a button?

niketn — Thu, 06 Sep 2018 08:47:42 GMT

@Mohsin123, I hope this is with reference to one of my older answers to Create Button Switcher. If you read the thread carefully the example actually had two buttons Show and Hide and the toggle between showing hide or show button was created the Panel with depends and rejects attributes.

So the example was not changing the name of same button rather there were two buttons. Please describe your use case, in case you do not want two buttons and why.

Re: button click functionality: how do I change the name of a button?

Mohsin123 — Fri, 07 Sep 2018 15:01:21 GMT

@niketnilay
i have used your code .
My question is the button name is show , right?
i want to change the button name from show to: "click to view percentage"

Re: button click functionality: how do I change the name of a button?

niketn — Fri, 07 Sep 2018 19:31:18 GMT

@Mohsin123, if you just want to change the label of <html> button input,
The following code:

   <html>
     <button id="showButton" class="btn">Show</button>
   </html>

Should be changed to

   <html>
     <button id="showButton" class="btn">Click to view percentage</button>
   </html>