Customizing Qlik Sense Server Hub

    I'd like to share my technique of doing some modest customizations to the Qlik Sense Server Hub which involves editing the source code:

    1. Changing the favicon
    2. Changing the color of the green-yellow strip at the top of the hub
    3. Changing the image at the upper left hand side of the hub

     

    1. Changing the favicon

    First, you'll need to make a .ico image which is 16x16 pixels named "favicon". Use a site like https://www.icoconverter.com/ to convert from other image formats. Navigate to the folder located at ~/Program Files/Qlik/Sense/Client and replace the icon named "favicon" with the one you have created.

     

    2. Changing the color of the green-yellow strip at the top of the hub

    Gather the hex values (#FFFFFF) of the two colors you want to put into this strip. Navigate to the file located at ~/Program Files/Qlik/Sense/Client/assets/hub/hub.css. Find the css class "qui-toolbar-footer" and change the linear-gradient attributes to the colors you chose. The second parameter of the linear-gradient attributes will be the color on the right side of the strip and the third parameter will be the color on the left side.

     

    3. Changing the image at the upper left hand side of the hub

    Create a .png image which is 346x66 pixels and name the image "sense-server". Navigate to the folder located at ~/Program Files/Qlik/Sense/Client/img/logo and replace the image named "sense-server" with the one you have created.

     

    Things to keep in mind; when editing the code, always keep a backup copy of the unedited files or pictures in case something goes wrong. To see the changes take effect, you must clear your browser cache. These changes will be removed when you upgrade versions of Qlik Sense. You will have to reimplement these changes after you upgrade, so keep track of your images. These changes have been tested with Qlik Sense Server versions 2.0.1 through 3.0.0 and are not available on Qlik Sense Desktop.