White labeling : Helical Insight v 5.0+

In order to know which version of Helical Insight you are using, you can go to the home page and from there you can know, like shown below.

White labeling : Helical Insight v 5.0+

Helical Insight provides extensive white labelling capabilities that allow organizations to rebrand the platform according to their corporate identity. Through white labelling, organizations can customize the logo, colors, favicon, login screen, and different modules of the application to deliver a unified, brand-aligned experience.

Helical Insight also supports organization-specific, user-specific, and role-specific white labelling. This means the system can identify who has logged in and automatically apply the appropriate customized branding for each user or role

This guide provides step-by-step instructions to configure white labelling in Helical Insight.

Default login page of the application is shown below.

White labeling : Helical Insight v 5.0+

Step-by-Step White Labelling Instructions :

1. Logo, Favicon and and login page backgroud image

Open the following server installation path:

<HI_INSTALLATION_PATH>/hi/apache-tomcat-11/webapps/hi-ee/images/hi-loginPageImages

For Logo and Favicon: Replace the existing logo.svg file with your own logo, and then refresh the application URL. The updated logo and favicon appears immediately.

For background image: Replace the existing log_placeholder.png file with your own logo, and then refresh the application URL. The updated logo and favicon appears immediately

White labeling : Helical Insight v 5.0+

2. Custom styling by overriding application CSS

It is also possible to create custom styling CSS file which can be invoked and used anywhere. In that CSS file, we can write any sort of code to remove, add, update etc.

Create a custom.css file in the following server installation path

<HI_INSTALLATION_PATH>/hi/apache-tomcat-11/webapps/hi-ee/css

Then open loginBody.jsp file from below server installation path

<HI_INSTALLATION_PATH>/hi/apache-tomcat-11/webapps/hi-ee/WEB-INF/jsp/

And add the below line in the towards the end. We have invoked that custom CSS file here.

<link href="${baseURL}/css/custom.css" rel="stylesheet">

White labeling : Helical Insight v 5.0+

Now we can write our own css in custom.css, some examples we have provided below:

/* Hiding login page text */

.ant-typography.login-page-text {
  visibility: hidden;
}

White labeling : Helical Insight v 5.0+

/* Hiding license information visible after logging in*/

.hi-license
{ 
visibility: hidden !important;
}

White labeling : Helical Insight v 5.0+

/* Hiding text beside logo */

.ant-typography.login-form-logo-text
{
display: none!important;	
}

White labeling : Helical Insight v 5.0+

/* Removing Discover information, this is visible when we login on the left side*/
.ant-collapse.ant-collapse-icon-position-end.ant-collapse-ghost.hi-custom-collapse {
  display: none !important;
}

.sidebar-footer-text{
visibility: hidden !important;
}

.ant-collapse-header-text{
display: none!important;	
}

White labeling : Helical Insight v 5.0+

/*Logo image adjustments */

.login-form-logo {
  height: 50px !important;          
  width: 160px !important;
  display: block;
  object-fit: contain;
  transform: translate(-32px, -8px); 
  margin-bottom: 12px;             
}

.login-page-wrapper{
	
	background : #05343a !important;
}

.ant-layout-content > div[style] {
    background-color: #05343a !important;
}
      
/*Changing background color of Login button */

.ant-form-item-control-input-content .ant-btn.ant-btn-primary {
    background: #05343a !important;
}

White labeling : Helical Insight v 5.0+

3. Once we apply the above CSS and update the images, the changes will reflect in the application. Screenshots are shared below

White labeling : Helical Insight v 5.0+

White labeling : Helical Insight v 5.0+

Note: We can inspect the elements to get the required class names or IDs, and then apply any CSS across the entire application.

You May Also Like

Leave a Reply

Helical Insight’s self-service capabilities is one to reckon with. It allows you to simply drag and drop columns, add filters, apply aggregate functions if required, and create reports and dashboards on the fly. For advanced users, the self-service component has ability to add javascript, HTML, HTML5, CSS, CSS3 and AJAX. These customizations allow you to create dynamic reports and dashboards. You can also add new charts inside the self-service component, add new kind of aggregate functions and customize it using our APIs.
Helical Insight’s self-service capabilities is one to reckon with. It allows you to simply drag and drop columns, add filters, apply aggregate functions if required, and create reports and dashboards on the fly. For advanced users, the self-service component has ability to add javascript, HTML, HTML5, CSS, CSS3 and AJAX. These customizations allow you to create dynamic reports and dashboards. You can also add new charts inside the self-service component, add new kind of aggregate functions and customize it using our APIs.
Helical Insight, via simple browser based interface of Canned Reporting module, also allows to create pixel perfect printer friendly document kind of reports also like Invoice, P&L Statement, Balance sheet etc.
Helical Insight, via simple browser based interface of Canned Reporting module, also allows to create pixel perfect printer friendly document kind of reports also like Invoice, P&L Statement, Balance sheet etc.
If you have a product, built on any platform like Dot Net or Java or PHP or Ruby, you can easily embed Helical Insight within it using iFrames or webservices, for quick value add through instant visualization of data.
If you have a product, built on any platform like Dot Net or Java or PHP or Ruby, you can easily embed Helical Insight within it using iFrames or webservices, for quick value add through instant visualization of data.
Being a 100% browser-based BI tool, you can connect with your database and analyse across any location and device. There is no need to download or install heavy memory-consuming developer tools – All you need is a Browser application! We are battle-tested on most of the commonly used browsers.
Being a 100% browser-based BI tool, you can connect with your database and analyse across any location and device. There is no need to download or install heavy memory-consuming developer tools – All you need is a Browser application! We are battle-tested on most of the commonly used browsers.
We have organization level security where the Superadmin can create, delete and modify roles. Dashboards and reports can be added to that organization. This ensures multitenancy.
We have organization level security where the Superadmin can create, delete and modify roles. Dashboards and reports can be added to that organization. This ensures multitenancy.
We have organization level security where the Superadmin can create, delete and modify roles. Dashboards and reports can be added to that organization. This ensures multitenancy.
We have organization level security where the Superadmin can create, delete and modify roles. Dashboards and reports can be added to that organization. This ensures multitenancy.
A first-of-its-kind Open-Source BI framework, Helical Insight is completely API-driven. This allows you to add functionalities, including but not limited to adding a new exporting type, new datasource type, core functionality expansion, new charting in adhoc etc., at any place whenever you wish, using your own in-house developers.
A first-of-its-kind Open-Source BI framework, Helical Insight is completely API-driven. This allows you to add functionalities, including but not limited to adding a new exporting type, new datasource type, core functionality expansion, new charting in adhoc etc., at any place whenever you wish, using your own in-house developers.
It handles huge volumes of data effectively. Caching, Pagination, Load-Balancing and In-Memory not only provides you with amazing experience, but also and does not burden the database server more than required. Further effective use of computing power gives best performance and complex calculations even on the big data even with smaller machines for your personal use. Filtering, Sorting, Cube Analysis, Inter Panel Communication on the dashboards all at lightning speed. Thereby, making best open-source Business Intelligence solution in the market.
It handles huge volumes of data effectively. Caching, Pagination, Load-Balancing and In-Memory not only provides you with amazing experience, but also and does not burden the database server more than required. Further effective use of computing power gives best performance and complex calculations even on the big data even with smaller machines for your personal use. Filtering, Sorting, Cube Analysis, Inter Panel Communication on the dashboards all at lightning speed. Thereby, making best open-source Business Intelligence solution in the market.
With advance NLP algorithm, business users simply ask questions like, “show me sales of last quarter”, “average monthly sales of my products”. Let the application give the power to users without knowledge of query language or underlying data architecture
With advance NLP algorithm, business users simply ask questions like, “show me sales of last quarter”, “average monthly sales of my products”. Let the application give the power to users without knowledge of query language or underlying data architecture
Our application is compatible with almost all databases, be it RDBMS, or columnar database, or even flat files like spreadsheets or csv files. You can even connect to your own custom database via JDBC connection. Further, our database connection can be switched dynamically based on logged in users or its organization or other parameters. So, all your clients can use the same reports and dashboards without worrying about any data security breech.
Our application is compatible with almost all databases, be it RDBMS, or columnar database, or even flat files like spreadsheets or csv files. You can even connect to your own custom database via JDBC connection. Further, our database connection can be switched dynamically based on logged in users or its organization or other parameters. So, all your clients can use the same reports and dashboards without worrying about any data security breech.
Our application can be installed on an in-house server where you have full control of your data and its security. Or on cloud where it is accessible to larger audience without overheads and maintenance of the servers. One solution that works for all.
Our application can be installed on an in-house server where you have full control of your data and its security. Or on cloud where it is accessible to larger audience without overheads and maintenance of the servers. One solution that works for all.
Different companies have different business processes that the existing BI tools do not encompass. Helical Insight permits you to design your own workflows and specify what functional module of BI gets triggered
Different companies have different business processes that the existing BI tools do not encompass. Helical Insight permits you to design your own workflows and specify what functional module of BI gets triggered