Remove Header and Footer in Helical Insight

NOTE: This blog is relevant to version 1.0 of Helical Insight and will not work for any other version. You can know the version from the bottom left (above file browser) or from the admin page.

Note: This article doesn’t change any functionality or styles of normal application flow. Instead, changes are made in such a way that it affects only desired page of the application.

This article briefs about how you can white label and change the look and feel of Helical Insight application as per your own requirement. In this document, we have focused on white labeling the adhoc module which includes removal of Header and Footer from Create Report and Edit Report pages.

Also unlike other tools, we provide extensive white labeling capabilities which include header, footer, login page, context menu, file browser, repository and any other functionality as well. With Helical Insight it is even possible to have organization specific / user, specific/ role specific white labeling which means the solution will identify who has logged in and based on that every person can have their own completely customized Helical Insight.

For Adhoc module default look is like the below screenshot

create-report



From the above image, we will remove header and footer sections of the page.

We need to make 2 global changes in order to remove header and footer :

  • Open ‘tiles-definitions.xml’ file. You will find this file at below location where Helical Insight is installed:
    • Helical Insight\apache-tomcat-7\webapps\hi\WEB-INF\tiles-definitions.xml
  • Inside tiles-definition.xml file, search for definition name with base-template. Inside that definition tag, add following line of code:
    • <put-attribute name="footer-nav" value="/WEB-INF/pages/sections/footer.jsp"/>

    Below is the screenshot for your reference.

    base-template

  • Replace <jsp:include page="/WEB-INF/pages/sections/footer.jsp"/> with <tiles:insertAttribute name="footer-nav" /> inside ‘base-template.jsp’ file, which is present at below location:

    • Helical Insight\apache-tomcat-7\webapps\hi\WEB-INF\pages\templates\base-template.jsp

    Below is screenshot for your reference.

    jsp-insert-attribute

    Also, we need to make some extra changes depending upon which page we want to white label :

  • Open ‘tiles-definitions.xml’ file. You will find this file at below location where Helical Insight is installed:
    • Helical Insight\apache-tomcat-7\webapps\hi\WEB-INF\tiles-definitions.xml
  • Add following lines of code for removing Header and Footer sections from Create Report page.

    • <definition name="report-create-embed" extends="adhoc">
    
    <put-attribute name="rightMenu" value="/WEB-INF/pages/menu/empty.jsp"/>
    <put-attribute name="nav" value="/WEB-INF/pages/templates/report-edit-embed-css.jsp"/>		
    <put-attribute name="footer-nav" value="/WEB-INF/pages/menu/empty.jsp"/>
    <put-attribute name="footer-content" value="/WEB-INF/pages/menu/empty.jsp"/>
    
    <put-attribute name="title" value="Report-create" type="string"/>
    <put-attribute name="body" value="/WEB-INF/pages/templates/adhoc/body.jsp"/>
    <put-attribute name="scripts" value="/WEB-INF/pages/templates/adhoc/report-create-footer.jsp"
    cascade="true"/>
</definition>

    The highlighted code will empty the content of Header and Footer sections.

    Now we need to include the definition-name inside ‘spring-security.xml’ file which is present at below location:

    Helical Insight\apache-tomcat-7\webapps\hi\WEB-INF\spring-security.xml

    Please open the file and add below line of code inside it.

    <intercept-url pattern="/adhoc/report-create-embed.html" access="hasAnyRole('ROLE_USER','ROLE_ADMIN')"/>

    Note: The name given to .html should be same as that of definition name given inside ‘tiles-definitions.xml’ file.

    Once header and footer get removed we need to resize the left side content which is metadata-container. In order to resize that please create one .css file with appropriate name. Put this file inside below location:

    Helical Insight\apache-tomcat-7\webapps\hi\css

    Here we have created ‘whitelabelling.css’ file and added the below lines of code inside it.

    .metadata-container {
	top: 0 !important;
}

.metadata-container.adhoc-report {
	margin-bottom: 0 !important;
}

.hi-adhoc-body {
	padding-top: 0 !important;
}

    In order to apply this styles, we need to include this .css file inside a .jsp page such that the whitelabeling styles doesn’t affect HI application’s base CSS styles. So, create a .jsp page with appropriate name. Here we have created ‘report-edit-embed-css.jsp’ file and has put this file at below location:

    Helical Insight\apache-tomcat-7\webapps\hi\WEB-INF\pages\templates

    Please add below line of code into ‘report-edit-embed-css.jsp’ file.

    <link data-clone="true" rel="stylesheet" href="${baseURL}/css/whitelabelling.css"/>

    Now we need to include ‘report-edit-embed-css.jsp’ file inside ‘tiles-definitions.xml’ file which is present at below location:

    Helical Insight\apache-tomcat-7\webapps\hi\WEB-INF\tiles-definitions.xml

    Search for definition name with report-create-embed. Inside that definition tag, add the following highlighted code:

    <definition name="report-create-embed" extends="adhoc">
    <put-attribute name="rightMenu" value="/WEB-INF/pages/menu/empty.jsp"/>
    <put-attribute name="nav" value="/WEB-INF/pages/templates/report-edit-embed-css.jsp"/>
    <put-attribute name="footer-nav" value="/WEB-INF/pages/menu/empty.jsp"/>
    <put-attribute name="footer-content" value="/WEB-INF/pages/menu/empty.jsp"/>
    <put-attribute name="title" value="Report-create" type="string"/>
    <put-attribute name="body" value="/WEB-INF/pages/templates/adhoc/body.jsp"/>
    <put-attribute name="scripts" value="/WEB-INF/pages/templates/adhoc/report-create-footer.jsp"
         cascade="true"/>
</definition>

    Note: Now the url for the white labelled page is as below:

    baseURL../hi/adhoc/report-create-embed.html and not baseURL../hi/adhoc/report-create.html as here we have given the name of .html as report-create-embed.html.

    Also you need to restart the application from services.msc(by stopping it and then again starting it) in order to reflect the changes that has been made.

    After following all above steps the look of our page is as below:

    header-footer-remove

You May Also Like

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