How to change the labels of the Editor Widget

3022
11
Jump to solution
09-03-2020 10:11 AM
JohnMDye
Occasional Contributor III

Looking into the JSAPI Editor Widget, there do not appear to be properties that I can update to alter the label of the widget itself or the accordion buttons within.

I'd like to make those labels say something else, such as 'Issue Reporter', 'Edit a Report' and 'Create a new report'. Since there are no properties to alter, I thought I might be able to do this by grabbing the elements by their ID or Classname then updating the innerText property for each.

Not sure if that's the best approach and also not sure how to know when call a function to do it since the widget is added after the page has been loaded.

11 Replies
BruceSchneider2
New Contributor II

Actually I was able to answer my own question in another way. I can change that using the following pattern as shown in another response - I just had a scoping issue that it wasn't working before.

updateEditor.when(() => {
updateEditor.messages.widgetLabel = "My Title";
});

RodrigoAbril
New Contributor II

You can do it like this, (there are a bunch of messages that you can change similarly) :

editor.when(() => {
editor.messages.widgetLabel = "new title";
})