# Chaning the Z-order of object in perspective dynamicly

**URL:** <https://forum.inductiveautomation.com/t/chaning-the-z-order-of-object-in-perspective-dynamicly/52805>\
**Category:** Ignition Early Access\
**Created:** [November 6, 2021, 6:36am UTC](https://forum.inductiveautomation.com/t/chaning-the-z-order-of-object-in-perspective-dynamicly/52805 "2021-11-06T06:36:12Z")\
**Posts on this page:** 4\
**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:** [November 6, 2021, 6:36am UTC](https://forum.inductiveautomation.com/t/chaning-the-z-order-of-object-in-perspective-dynamicly/52805/1 "2021-11-06T06:36:12Z")

</div>

Hi  
I try base on the hovering change the z-index of objects in perspective so, they come to the front.  
basically, I assign all objects z-index 0 and when I hover the mouse over them I change the z-index to 100. but it doesn’t work. The objects follows the designer z-order that user defines for them.  
Is there any trick for this?

---

<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:** [November 7, 2021, 6:06pm UTC](https://forum.inductiveautomation.com/t/chaning-the-z-order-of-object-in-perspective-dynamicly/52805/2 "2021-11-07T18:06:59Z")

</div>

This would be much easier for you in the View Canvas. It’s non-trivial outside of that component.

---

<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:** [November 8, 2021, 2:53am UTC](https://forum.inductiveautomation.com/t/chaning-the-z-order-of-object-in-perspective-dynamicly/52805/3 "2021-11-08T02:53:46Z")

</div>

I find that if I use z index value 1111111111111111 it works and change z order.  
It seems designer order tools uses very high value.

---

<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:** [November 8, 2021, 7:47am UTC](https://forum.inductiveautomation.com/t/chaning-the-z-order-of-object-in-perspective-dynamicly/52805/4 "2021-11-08T07:47:38Z")

</div>

I know that the popups have a z-index from 12560,  
Unfortunaly z-index isnt the only thing that determines stacking in html, so its not a sure thing it works on everything.  
Position is also important and ignition kinda seems to want to transform everything to “position:absolute”. So is order and components inside components…
