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

[FrancescoTonini2]

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!!

[RobertScheitlin__GISP]

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

[FrancescoTonini2]

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?  

[RobertScheitlin__GISP · Accepted solution]

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": [
          {‍‍‍‍‍‍

[CCWeedcontrol]

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?

[RobertScheitlin__GISP]

CC,

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

[CCWeedcontrol]

aw i see, thanks for the reply.