Skip to main content
Woohoo! Qlik Community has won “Best in Class Community” in the 2024 Khoros Kudos awards!
Announcements
Nov. 20th, Qlik Insider - Lakehouses: Driving the Future of Data & AI - PICK A SESSION
cancel
Showing results for 
Search instead for 
Did you mean: 
martinr_
Creator
Creator

hide worksheet and storytelling

Can I hide the marked menus? If yes how?

 

martinr__0-1625570167905.png

 

15 Replies
digimech
Partner - Contributor III
Partner - Contributor III

I hope this trial theme should work.  You can import and test.

bi-consults
Contributor
Contributor

After the update to the November 2022 version in the Enterprise environment, the trick with the CSS no longer works. Which entry do we have to use now?

martinr_
Creator
Creator
Author

Hi,

I can't answer at the moment because we're not using this version yet.

Cristian_Dorbesi
Partner - Contributor III
Partner - Contributor III

Hi I have a similar problem after upgrading from Sep-22 version.
All the menus items on the QS app have inconsistent clases names since Nov-22 version. Since the css class definition is changing from app to app and from server to server (even for the same app/server when opened on different browsers), it is not possible to use CSS or Theme customization to achieve this or any other modification on the menus.
For example, to hide the 'hidden selections applied' I previously used this css to hide it:

/*Hide 'hidden selected applied' message.*/
.bright.qv-panel-current-selections .no-selection {
    color: transparent;
}

 

but on the new version, the css clases are 'random' and I cannot find any constant value to be used

Kdober_0-1677094927736.png

none of the previous classes remains the same on other apps, or even on the same app when open on another browser.

@Patric_Nordstrom Any suggestion how can we achieve this from now on?

Thanks
C

P.S: For the specific case of the Stories, the css class is random, but it seems the 'id' is consistent and you can use that on the css/theme

#tab-nav-story {
    display: none;
}
Cristian Dorbesi
Cristian_Dorbesi
Partner - Contributor III
Partner - Contributor III

Replying to my self.
In order to hide the 'Hidden selections applied' i was able to solve it again with css. I think it is not super stable since it might stop working on newer releases, but it works for Feb-23 version.
Bassically i went on the htlm tree to a parent where the is a well define css Class. Then I use that class and navigate to the corresponding child item I want to control.
Something similar can be used for the items in the menu.

/*Hide 'hidden selected applied' message.*/
[tid="qs-sub-toolbar"] > div > div > div > div > div > div > div:nth-child(4) > div > p {
    display: none;
}
Cristian Dorbesi
Patric_Nordstrom
Employee
Employee

The top bar has changed since then, this works for me

div[data-testid='tab-nav-data'],
div[data-testid='tab-nav-analysis'],
div[data-testid='tab-nav-story'] {
display: none! important;
}