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!

SplunkTrust Application Period is Officially OPEN!

It's that time, folks! The application/nomination period for the 2025 SplunkTrust is officially open! If you ...

Splunk Answers Content Calendar, June Edition II

Get ready to dive into Splunk Dashboard panels this week! We'll be tackling common questions around ...

Splunk Observability Cloud's AI Assistant in Action Series: Auditing Compliance and ...

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