# Advanced Stylesheet: Class in class

**URL:** <https://forum.inductiveautomation.com/t/advanced-stylesheet-class-in-class/77505>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [August 7, 2023, 8:00am UTC](https://forum.inductiveautomation.com/t/advanced-stylesheet-class-in-class/77505 "2023-08-07T08:00:36Z")\
**Posts on this page:** 2\
**Page:** 2

<div class="post-metadata">

**Author:** ![amarks](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/amarks/32/45610_2.png) [@amarks](https://forum.inductiveautomation.com/u/amarks)\
**Post date:** [August 14, 2023, 7:30pm UTC](https://forum.inductiveautomation.com/t/advanced-stylesheet-class-in-class/77505/21 "2023-08-14T19:30:28Z")

</div>

> [@Transistor](#):
>
> I've had similar trouble on a bottom "announcement" dock. I wanted it to appear if there was a new announcement but let the user hide it with a Got it! button. I was using `system.perspective.open/close/alterDock` but it would reset after each page load. I tied the status to a session variable but the best that would happen was the docked view would transition in and out, pushing the page up for a couple of seconds. I haven't got a fix yet.

My solution here would probably be something like setting the background of the docked "announcement" (i.e. toast) view to transparent, having a message label that's hidden/shown as needed, and set the `pointer-events` to none (to allow it to be clicked through if it covers some other part of the display).

I do something similar for a "quick nav" bar where I just have a few icons with no labels that quickly navigate to commonly used views. The icons then use a pointer-events specifier with `!important` to allow them to be clicked while allowing the rest of the docked view to be "passthrough."

---

<div class="post-metadata">

**Author:** ![Arnaud\_Declerck](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/arnaud_declerck/32/44872_2.png) [@Arnaud\_Declerck](https://forum.inductiveautomation.com/u/Arnaud_Declerck)\
**Post date:** [December 12, 2023, 6:09am UTC](https://forum.inductiveautomation.com/t/advanced-stylesheet-class-in-class/77505/22 "2023-12-12T06:09:47Z")

</div>

Hi Guys,

To give you and update the has selector still need to be manually activate in latest release (120) and it's also working. the has selector is planned to be fully supported in release 121.

Regards

[Previous page](https://forum.inductiveautomation.com/t/advanced-stylesheet-class-in-class/77505.md?page=1)