topic Re: How can I change the widget group icon in WAB (Dev Edition)? in Web AppBuilder Custom Widgets Questions

How can I change the widget group icon in WAB (Dev Edition)?

FrancescoTonini2 — Fri, 03 Mar 2017 18:55:26 GMT

Hello,

Can anyone help me understand whether it is possible to change the default icon of the widget group from a WAB Developer Edition template? By default, the group widget icon looks like a folder with three dots in it is used when grouping multiple widgets into a single named group (see attached image). Thank you!!

Re: How can I change the widget group icon in WAB (Dev Edition)?

RobertScheitlin__GISP — Fri, 03 Mar 2017 19:08:49 GMT

If you made a change it would affect all group icons not just one.

Just replace or edit the image:

[install dir]\server\apps\[app#]\jimu.js\images\group_icon.png

Re: How can I change the widget group icon in WAB (Dev Edition)?

FrancescoTonini2 — Fri, 03 Mar 2017 19:13:48 GMT

Thanks! I see, that's what I was afraid of. Are there workarounds for using a different group icon for each custom group I decide to create?

Re: How can I change the widget group icon in WAB (Dev Edition)?

RobertScheitlin__GISP — Sun, 12 Dec 2021 11:08:58 GMT

Francesco,

Ahh. I forgot they changed that. You can add a unique icon for each group by adding an icon property to the group object in your main config.json. I added line 4:

    "groups": [
      {
        "label": "New Group",
        "icon": "jimu.js/images/group_icon2.png",
        "widgets": [
          {‍‍‍‍‍‍

Re: How can I change the widget group icon in WAB (Dev Edition)?

CCWeedcontrol — Thu, 01 Feb 2018 22:24:21 GMT

I was able to change the group icons but the color of the icon it self is blue so it make my graph icon hard to see. How do i change the color of the widget button?

Re: How can I change the widget group icon in WAB (Dev Edition)?

RobertScheitlin__GISP — Thu, 01 Feb 2018 22:27:43 GMT

CC,

That is a tough one. The Launchpad theme assigns the background colors for those buttons at random.

Re: How can I change the widget group icon in WAB (Dev Edition)?

CCWeedcontrol — Thu, 01 Feb 2018 23:00:26 GMT

aw i see, thanks for the reply.