Dashboards & Visualizations

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

Mohsin123
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

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

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

Mohsin123
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

niketn
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> 
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma
Get Updates on the Splunk Community!

Announcing Scheduled Export GA for Dashboard Studio

We're excited to announce the general availability of Scheduled Export for Dashboard Studio. Starting in ...

Extending Observability Content to Splunk Cloud

Watch Now!   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to leverage ...

More Control Over Your Monitoring Costs with Archived Metrics GA in US-AWS!

What if there was a way you could keep all the metrics data you need while saving on storage costs?This is now ...