topic How to change a widget title at runtime in Web AppBuilder Custom Widgets Questions

How to change a widget title at runtime

GregRieck — Fri, 02 Dec 2016 22:17:41 GMT

Hello,

Does anyone know how to change the title of a widget dynamically at runtime? I would like to prepend additional information after the existing title. For example if my widget title is "ABC" I would like to prepend "ABC: 123".

Thank You

Re: How to change a widget title at runtime

RobertScheitlin__GISP — Fri, 02 Dec 2016 22:28:41 GMT

Greg,

This is thread is not for changing the widget title but the same exact principle applies:

https://community.esri.com/thread/170015

Re: How to change a widget title at runtime

GregRieck — Fri, 02 Dec 2016 23:32:35 GMT

Robert,

Thank you for responding. Yeah, that's not it. That changes the title of the title bar of the application. What I'm looking for is to change the title of the "widget" at runtime. Inside the widget path /nls/string.js I have the below. I am wanting to change the widgetTitle to My Widget: "SOME ADDITIONAL TEXT"

define({
root: {
widgetTitle: 'My Widget',
_featureAction_MyWidget: "My Widget",
description: 'A custom widget.'
}
// add supported locales below:
// , "zh-cn": true
});

Re: How to change a widget title at runtime

RobertScheitlin__GISP — Sat, 03 Dec 2016 16:43:08 GMT

Greg,

Yes, I guess you missed the part where I said the concept would be the same. You just have to do the proper query for the widgets title.

Re: How to change a widget title at runtime

RobertScheitlin__GISP — Fri, 09 Dec 2016 14:53:06 GMT

Greg,

So if you want to change the widgets title from inside the widgets code you would use:

this.getPanel().titleLabelNode.innerHTML = "blah blah";‍