# Perspective popup

**URL:** <https://forum.inductiveautomation.com/t/perspective-popup/31559>\
**Category:** Ignition Early Access\
**Created:** [January 23, 2020, 4:35pm UTC](https://forum.inductiveautomation.com/t/perspective-popup/31559 "2020-01-23T16:35:27Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [January 23, 2020, 4:35pm UTC](https://forum.inductiveautomation.com/t/perspective-popup/31559/1 "2020-01-23T16:35:27Z")

</div>

Hello.  
I’d like to make similar popup effect like the timedate component use.  
This type of popup has round edge and a arrow pointer to main object itself.  
How I can replicate it?

 ![Screenshot_20200123-195451__01](https://us1.discourse-cdn.com/inductiveautomation/original/2X/4/47d6d0d6dc23903b0ec41e82255a1c1338997169.jpeg)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [January 23, 2020, 5:10pm UTC](https://forum.inductiveautomation.com/t/perspective-popup/31559/2 "2020-01-23T17:10:31Z")

</div>

Perspective Popups do not currently allow for any styling to the Popup window itself, so you are not currently able to style the colors, shape, or border of Popups/modals. I had a feature request open in our internal tracking system and it was deemed to be something we were not going to do. You’re welcome to leverage the ideas forum to make a case for it.

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [January 24, 2020, 6:47pm UTC](https://forum.inductiveautomation.com/t/perspective-popup/31559/3 "2020-01-24T18:47:18Z")

</div>

Thanks but how datetime component have such effect no its popup?  
It is also perspective resource so may be user can do the same things with available tools.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [January 24, 2020, 6:52pm UTC](https://forum.inductiveautomation.com/t/perspective-popup/31559/4 "2020-01-24T18:52:33Z")

</div>

The DateTime Picker and DateTime Input Components are a third-party library.

---

<div class="post-metadata">

**Author:** ![eckman.tech](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/eckman.tech/32/45147_2.png) [@eckman.tech](https://forum.inductiveautomation.com/u/eckman.tech)\
**Post date:** [July 3, 2023, 7:51pm UTC](https://forum.inductiveautomation.com/t/perspective-popup/31559/5 "2023-07-03T19:51:25Z")

</div>

Is this still the case? No work-around using styles?

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [July 3, 2023, 9:23pm UTC](https://forum.inductiveautomation.com/t/perspective-popup/31559/6 "2023-07-03T21:23:39Z")

</div>

The earlier responses in this thread are now out of date, as the Theming update in 8.0.13 and also the stylesheet.css resource in 8.1.22 greatly expanded what is possible via CSS. The rounded corners are definitely attainable through CSS modifications. The "tail", however, is not something I think can be done because it would require _adding_ an HTML element.

Modifying how exiting HTML pieces look via CSS is pretty easy if you're fluent in CSS, but anything that would require adding content not already in place would be a problem.

---

<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:** [July 4, 2023, 6:31am UTC](https://forum.inductiveautomation.com/t/perspective-popup/31559/7 "2023-07-04T06:31:21Z")

</div>

There are ways to add things in css too, but it will not be easy to make it always point to the right target.  
So unless the content and position of the popup is consistent... still a bunch of work for a minor visual update.

with js injeciton i could probably make something consistent for all uses, dont really have the time rn to try tho
