How to change the text of a button

[Tim]

Hello,

I'm looking for a way to change the text of a toolbar button. I was hoping the following would work:

$("$myButton").text("My text");

 

Unfortunately, that also replaces the ImageUrl. Can you please tell me a supported way of changing the text?

[Tim]

I ended up writing the following function:

function SetTextNodeValue(command, text) {
    var textNode = $(command).contents().filter(function () {
        return this.nodeType === Node.TEXT_NODE;
    }).get(0);

    if (!textNode) {
        return;
    }

    textNode.nodeValue = text;
}

 

I'm not crazy about this because it assumes a certain structure for element(s) of the the KendoToolbar item. If this changes in a future release, my function may not work anymore.

I think we could use a few more API methods for updating some of the properties on the toolbar items, such as the text of a button. A good use case for allowing text to be updated is for a single toggle button such as a Play/Stop button. Another example can be found right on your demo page found here. In this demo, you have a "Hide Repeat" / "Show Repeat" button. If this button had an image, the code in your demo would break since you're also updating the native element with assumptions on it's structure.

Regards,
Tim

[Ivan Danchev]

Hello Tim,

We agree that having API methods that allow individual ToolBar items options to be set would be useful to have. We would suggest logging your idea in our public Feedback Portal. Based on the support it receives it can get approved by the team and the functionality implemented in a subsequent release.

Regards,
Ivan Danchev
Progress Telerik

[Tim]

Thank you, I have posted my idea as suggested.