Articles in this section

Branding UI in Resilio Active Everywhere

Resilio Active Everywhere allows you to add some branding customization to the Management Console and Agent UI. 

Branding the Management Console.

It's possible to update the logo in the Management Console top menu.
Stop Management Console
Edit MC configuration file and add the following to the top level of json, pointing to the location of the desired logo. Only full paths are supported.

"branding": {   
          "icon": "path to icon image" 
            },

Start Management Console.

Branding the Agent UI

1. Edit Logo, animated statuses, UI colors, UI footer, hide or show tabs

To change logo, colors and footer, you need to prepare a webui.zip file in advance. The zip file should contain
 - subfolder named images to update the logo and animated statues.
 - json file named theme.json to update colors and footer.

Subfolder "images", depending on what you want to change, should contain
 - the new logo. This must be an svg file named logo-connect_250x41.svg for Agents before 4.0, or logo-connect_316x36.svg for agent 4.0 and newer.
 - animated gif files that will be used in the UI replacing the default ones.

  • connecting_blue.gif - size 18x18 px
  • connecting_light.gif - size 18x18 px
  • spinner.gif - size 16x16 px
  • loader.gif - size 22x22 px
  • loader_light.gif - size 22x22 px
  • loader_highlight.gif - size 22x22 px

They represent the following animated statuses in UI


The theme.json can be updated as needed (be sure to stick to json format) replacing the color schema and footer text, as well as hiding some of the top menu tabs.
For colors naming convention consult this or similar color scheme if necessary https://htmlcolorcodes.com/color-names/ 

Limit to footer area text is 25 symbols. Longer line will not fit and will look distorted. Several links can be placed here.

Here's the schema: 

Put the webui.zip file beside Resilio Connect Agent.exe in C:\Program Files\Resilio Connect Agent (default location).

Restart Resilio Connect Agent UI. Note, it’s necessary to restart not the service, but UI, exit from tray and start it again.

2. Edit Agent UI shortcut

Deliver a file named icon.ico and put it beside Resilio Connect Agent.exe. (C:\Program Files\Resilio Connect Agent default location). This will be the new shortcut’s icon.
Deliver UpdateShortcut.ps1 script to the Agent. 

Run script in Powershell

.\UpdateShortcut.ps1 -Path "C:\Users\Public\Desktop\Resilio Connect Agent.lnk" -NewName "EA Agent" -Icon "C:\Program Files\Resilio Connect Agent\icon.ico"

It can be done with Distribution job and post download trigger. Be sure that write access to C:\Program Files\Resilio Connect Agent is granted. 

1) Create distribution job. Select the source of the files: UpdateShortcut.ps1, icon.ico
2) Select destination Agents and path C:\UpdateShortcut as destination, for example.
 3) Add the following post download trigger, select Powershell as shell
Copy-Item icon.ico -Destination "C:\Program Files\Resilio Connect Agent"

.\UpdateShortcut.ps1 -Path "C:\Users\Public\Desktop\Resilio Connect Agent.lnk" -NewName "EA Agent" -Icon "C:\Program Files\Resilio Connect Agent\icon.ico"

4) Start the job

Related articles