- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎03-07-2025 07:49 AM - edited ‎03-07-2025 07:52 AM
My client wants to hide app launcher widget(below image) with the title 'My Applications' in only one topic page 'Human Resource'.
How to do it? I tried to update the CSS of the widget instance with the below script:
"body[data-page="Human Resource"] .app-launcher-class {
display: none !important;
}"
But it is not working. What else can I try?
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎03-08-2025 06:04 PM
If you don't want the widget to display when it's empty, the widget instance options has an option to check/uncheck to display or hide when empty.
Open the page and on the widget do a Ctrl + Right-click.
Select the "instance options" in the context menu
In the options scroll down to the "Show empty state" option and uncheck it.
Save.
After saving the page should reload and if the My Applications widget doesn't have any applications to show, the widget won't display.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎03-10-2025 06:28 AM
If that didn't work then I would say there is some sort of issue because that configuration and functionality of "hiding" the widget is out-of-box configuration.
Also the following screenshot is what it should look like when it's truly empty.
A couple of things I'm seeing in your last screenshot.
1. There is no message: "No applications have been assigned to you."
2. There is a "view all>" link at the bottom
3. There is no separation line under the title "My applications"
The above tells me that some of your CSS styling is still in affect and hiding the portion where the tabbed content displays and originally the wrong classname is used for hiding the widget. Thus, there might be some applications still assigned to that Topic but your CSS is hiding the content.
All Topics use the same page. If you don't want the widget to display for a Topic that does not have Web Applications assigned to it then the Web Applications need to be removed from that Topic or user criteria for the "Available for" field can be used to hide show for specific users.
For example:
Here is an application that displays for the Benefits Topic called "Test Application". And it is also assigned to two other topics, "Phone and mobility" and "Human Resources".
If a decision is made for the application not to show for Benefits then the Benefits Topic would be removed from association to that application.
It disappears with the configuration mentioned in my previous post unchecked.
But if navigating to one of the other topics, it will still display.
Hopefully that helps.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎03-10-2025 07:18 AM
Hi @ChrisBurks,
Thank you for your feedback! I checked the widget instance and removed a few unnecessary scripts and CSS, which significantly improved the widget's appearance.
I also reviewed the instance options and noticed that the 'Application count' was missing a number. After adding '1', the widget automatically hid from topic pages where no applications were mapped. So the empty state checkbox worked after defining the application count.
Thank you so much for providing the right solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎03-10-2025 08:15 AM
I'm glad I was able to help. Also that is a good catch on the Application count.
