How to re-brand my arcadia dashboard to use custom brand logo (ie - white-labeling)

Arcadia allows rebranding of dashboards with your own custom logos and look & feel thru the use of App. Watch training video for intro to Apps:

Think of Apps as customizable container for your dashboards. It contains many configurable settings to customize the look and feel.

Here’s an example of how to do this:

1) use small custom logo

Use a small logo for the top left of your app. Place a link in the app setting:


2) Customize the color

There are several ways to customize the color scheme. You can use out of the box settings as shown here to change font style/size and background color of the menu.

Also for full customization, you can use custom CSS as shown here:

.arcapp .navbar, .navbar,
.arcapp .navbar-default .navbar-nav > .active > a,
.app-preview .navbar-default .navbar-nav > .active > a {
  background: linear-gradient(to bottom, #19b5ee 0%,#15a9e4 20%,#0a65bb 
 75%,#0a457d 100%);

Copy & paste the above CSS code to the setting as shown in screenshot below:

3) Add dashboards

Create custom menu by adding tabs and dashboards:

4) Launch App

To view your custom branded dashboards “Launch App” to see it in stand-alone mode.

1 Like