White-Label support – Rollbase Private Cloud

In this blog, we will learn about the white-label support offered by Progress Rollbase starting private cloud version v4.3. We will then look at how easy it is to customize the login page.

Rollbase is a low-code platform that helps create all sorts of applications at an unprecedented speed and efficiency.

White-label support in Rollbase

A white label product is a product or service produced by one company (the producer) that other companies (the marketers) rebrand to make it appear as if they had made it.

Rollbase lets you rebrand the look and feel of the platform for your users. We will broadly categorize Rollbase white-label components into two:

  1. Peripheral pages such as login, password reset, logout etc.
  2. Platform pages cover everything else.

There are various aspects to customization such as header, logo, background color, organization of the content, themes etc. Rollbase offers built in support to achieve all these with ease. The white-label support in the platform has been designed as a plug-in model. This prevents any loss of customization during subsequent Rollbase upgrades.

Peripheral pages

In Rollbase, the peripheral pages are:

  • login  – Rollbase private cloud login page.
  • logout  – Page that shows up during logout.
  • forgot password  – Page that shows up when you click on forgot password link.
  • reset password – Page that shows up when you try to login for the first time.

These pages can be easily customized by adding your files to the private cloud installation. Refer to Improvements to Private Cloud White-labeling for more information on this. We will look at how to customize the login page, later in this blog.

Platform pages

We are going to consider any page that shows up post login and/or portals as platform pages. These pages are customizable by adding your own css & javascript. Refer to the Rollbase client side customization for more information on this. Rollbase also offers a variety of Kendo UI themes out of the box for quick customization. On the other hand, the portal pages can be customized using custom headers and footers & script component.

Let’s now take a look at how we can customize the login page.

Customize Login Page in Rollbase

Let’s first look at the Rollbase Private cloud Login Page. Doesn’t it look nice and clean.

12

Now, let’s start customizing this page.

We will first create a personalize folder under the rollbase folder in the installation. Under this personalize folder, we will create three folders:

  • css           – personalize css folder which will house the customized css rules.
  • js             – personalize js folder which will house the customized js rules.
  • images   – personalize images folder which will house the customized images.
  1. Create a file ‘loginPrivate.css’ and add it to the personalize css folder. Add the following rules to the css file which will override the default styling on the page. This css file is automatically added to the login page on load. The pages have custom css classes on the html markups so that any customization’s can be attempted with ease.

2. Create a file ‘loginPrivate.js’ and add it to the personalize js folder. Add the code below to the js file which runs some customization’s on html elements on document ready. This js file is automatically added to the login page on load.

3. Add the image as ‘progress.svg’ to the personalize images folder.

Login logo

Refresh the login screen after performing these steps and observe the result. Isn’t it amazing how quickly we were able to rebrand the entire look and feel of the login page. The best part is that we can use similar steps to customize any of the peripheral pages.

Customized login screen

Conclusion

To conclude, we have looked at the white-label support offered by Rollbase. We also quickly created a customized login page based on the white-label support in the platform. The process of white-labeling has been carefully designed to be less painful and robust. The blog also points out links to Rollbase documentation wherever necessary.

Comments are closed.