Skip to main content
Announcements
Introducing Qlik Answers: A plug-and-play, Generative AI powered RAG solution. READ ALL ABOUT IT!
cancel
Showing results for 
Search instead for 
Did you mean: 
florencedurusquec
Partner - Contributor II
Partner - Contributor II

Hiding toolbar with custom theme shows empty space

Hello,
 
I am quite new to Qlik Sense, any help from the community is welcome!

We want to hide the toolbar linking back to the hub and the storytelling and maximize the screen space available for our client. To do that we used a custom theme following what we found on the forum: https://community.qlik.com/t5/New-to-Qlik-Sense/hide-worksheet-and-storytelling/td-p/1820071

Our custom theme is based on Horizon Sense .json file and we added a .css file containing only this :

ul.qs-toolbar__tabset {
display:none!important;
}

.qs-toolbar {
display:none!important;
}


It effectively hides the toolbar but it doesn't seem to impact the screen size taken by the app as a white space the width of the toolbar appears bellow with a ";" (see red arrows on shared images "CustomTheme_Without" and "CustomTheme_With" ).
 
It affects our end users as the available screen is reduced plus it is unesthetic. Does anyone have a lead on how to correct this issue ? 
 
We use  QSEoW Client-Managed on May 2023 version
 
Thank you for your help on the matter,
Florence

Labels (1)
1 Solution

Accepted Solutions
paulcalvet
Partner - Specialist
Partner - Specialist

Hello,

I work with Qlik Cloud version and I have a theme with this : 

.qs-toolbar-container .qs-toolbar {
    display : none;
border-bottom: unset;
    height: 48px;
}
 
.qv-panel-wrap {
height : calc(100% + 48px);
}

 

Maybe you can adapt it to on prem version.

Regards,

Paul

View solution in original post

2 Replies
paulcalvet
Partner - Specialist
Partner - Specialist

Hello,

I work with Qlik Cloud version and I have a theme with this : 

.qs-toolbar-container .qs-toolbar {
    display : none;
border-bottom: unset;
    height: 48px;
}
 
.qv-panel-wrap {
height : calc(100% + 48px);
}

 

Maybe you can adapt it to on prem version.

Regards,

Paul

florencedurusquec
Partner - Contributor II
Partner - Contributor II
Author

Thank you Paul, it is exaclty what I was looking for!

 

Best regards,

Florence