Dashboards & Visualizations
Highlighted

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

Path Finder

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?

0 Karma
Highlighted

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

Legend

@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.




| eval message="Happy Splunking!!!"


0 Karma
Highlighted

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

Path Finder

@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"

0 Karma
Highlighted

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

Legend

@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> 



| eval message="Happy Splunking!!!"


0 Karma