# How to change Z-Order?

**URL:** <https://forums.fusetools.com/t/how-to-change-z-order/1765>\
**Category:** How-to Discussions\
**Created:** [March 3, 2016, 2:04pm UTC](https://forums.fusetools.com/t/how-to-change-z-order/1765 "2016-03-03T14:04:03Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![hanadamaru](https://avatars.discourse-cdn.com/v4/letter/h/d2c977/32.png) [@hanadamaru](https://forums.fusetools.com/u/hanadamaru)\
**Post date:** [March 3, 2016, 2:04pm UTC](https://forums.fusetools.com/t/how-to-change-z-order/1765/1 "2016-03-03T14:04:03Z")

</div>

Hi.

Can I change the Z-Order for Panel independent with the order in the UX file?

I want to make the first-child goes on the bottom and the last-child goes on the top.

---

<div class="post-metadata">

**Author:** ![skezo](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/skezo/32/34_2.png) [@skezo](https://forums.fusetools.com/u/skezo)\
**Post date:** [March 4, 2016, 5:13am UTC](https://forums.fusetools.com/t/how-to-change-z-order/1765/2 "2016-03-04T05:13:43Z")

</div>

Do you have an example of what you want to do? Or visual reference?

There is the `Layer` property but my guess is that is not what you are after [https://www.fusetools.com/learn/fuse#layers](https://www.fusetools.com/learn/fuse#layers)

---

<div class="post-metadata">

**Author:** ![hanadamaru](https://avatars.discourse-cdn.com/v4/letter/h/d2c977/32.png) [@hanadamaru](https://forums.fusetools.com/u/hanadamaru)\
**Post date:** [March 6, 2016, 7:57am UTC](https://forums.fusetools.com/t/how-to-change-z-order/1765/3 "2016-03-06T07:57:12Z")

</div>

In this navigation-animation example, I need to make first card on the bottom and last card on the top use numeric value like z-index in html.

Even I need to make n-th card on the top but Layer property is can’t controll that.

---

<div class="post-metadata">

**Author:** ![skezo](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/skezo/32/34_2.png) [@skezo](https://forums.fusetools.com/u/skezo)\
**Post date:** [March 7, 2016, 3:47am UTC](https://forums.fusetools.com/t/how-to-change-z-order/1765/4 "2016-03-07T03:47:00Z")

</div>

You can use `BringToFront` and `SendToBack` to do that.

[https://www.fusetools.com/learn/fuse#bringtofront](https://www.fusetools.com/learn/fuse#bringtofront)

---

<div class="post-metadata">

**Author:** ![skezo](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/skezo/32/34_2.png) [@skezo](https://forums.fusetools.com/u/skezo)\
**Post date:** [March 11, 2016, 8:26am UTC](https://forums.fusetools.com/t/how-to-change-z-order/1765/5 "2016-03-11T08:26:06Z")

</div>

You might also want to check out the latest build (0.11.0.6078) which supports `Z Offset` more details can be found here: [https://www.fusetools.com/downloads/channel/qa](https://www.fusetools.com/downloads/channel/qa)