# Overlay notifications/chat on top of a view made of flex containers in perspective

**URL:** <https://forum.inductiveautomation.com/t/overlay-notifications-chat-on-top-of-a-view-made-of-flex-containers-in-perspective/65809>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 28, 2022, 1:19pm UTC](https://forum.inductiveautomation.com/t/overlay-notifications-chat-on-top-of-a-view-made-of-flex-containers-in-perspective/65809 "2022-10-28T13:19:35Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![zacharyw.larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacharyw.larson/32/23749_2.png) [@zacharyw.larson](https://forum.inductiveautomation.com/u/zacharyw.larson)\
**Post date:** [October 28, 2022, 1:19pm UTC](https://forum.inductiveautomation.com/t/overlay-notifications-chat-on-top-of-a-view-made-of-flex-containers-in-perspective/65809/1 "2022-10-28T13:19:35Z")

</div>

Some streamers have a chat overlay on top of their stream.

If I have a view made of flex containers and I want to overlay a square where notifications or chatter can be posted on top of the screen, what would be a good design?

Would the page still be very responsive with a coordinate container of my overlay flex container stacked on a flex container of the things I want to show behind it?

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [October 28, 2022, 1:31pm UTC](https://forum.inductiveautomation.com/t/overlay-notifications-chat-on-top-of-a-view-made-of-flex-containers-in-perspective/65809/2 "2022-10-28T13:31:08Z")

</div>

@victordcq is this something your magical js injection method would be useful for? Or am I getting too carried away? Haha

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [October 31, 2022, 7:34am UTC](https://forum.inductiveautomation.com/t/overlay-notifications-chat-on-top-of-a-view-made-of-flex-containers-in-perspective/65809/3 "2022-10-31T07:34:26Z")

</div>

Haha it could, but i think i already solved something like this with css^^.

> [@Perspective: floating action button](https://forum.inductiveautomation.com/t/perspective-floating-action-button/58149/12):
>
> Hmm i wouldnt use a popup view. it will be more work and you wont always be sure its open I’ll try to wizard something up that bypasses the igntion styles and sticks it to the bottom, after my lunch break man_mage or now i got some time, you can create a class like this: (substract more/less depending on your button size) and put it on the button in your view, no need for docks or popups:) (note it gotta be in a class, because ignition overwrite the position style if you give it as a sty…

Though you can also use a docked view with overlay. or something
