# Flex container with wrapped children: re-ordering

**URL:** <https://forum.inductiveautomation.com/t/flex-container-with-wrapped-children-re-ordering/73216>\
**Category:** Ignition Early Access\
**Tags:** perspective\
**Created:** [May 3, 2023, 5:32pm UTC](https://forum.inductiveautomation.com/t/flex-container-with-wrapped-children-re-ordering/73216 "2023-05-03T17:32:06Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![gdube](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/gdube/32/41701_2.png) [@gdube](https://forum.inductiveautomation.com/u/gdube)\
**Post date:** [May 3, 2023, 5:32pm UTC](https://forum.inductiveautomation.com/t/flex-container-with-wrapped-children-re-ordering/73216/1 "2023-05-03T17:32:07Z")

</div>

I'm often struggling to re-order items that are wrapped within a flex container.

The "move backward/forward relative to ..." buttons don't help, they simply act like the "move to the back/front" buttons.

Is it on the roadmap to improve the situation with wrap? Now I work around it by using one flex container per row/column instead of using the "wrap" feature.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [May 3, 2023, 7:18pm UTC](https://forum.inductiveautomation.com/t/flex-container-with-wrapped-children-re-ordering/73216/2 "2023-05-03T19:18:13Z")

</div>

Cut and paste works.

![Flex container reorder](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/2/22791d9d6967d676a69804050aa761ca6f61da29.gif)

---

<div class="post-metadata">

**Author:** ![gdube](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/gdube/32/41701_2.png) [@gdube](https://forum.inductiveautomation.com/u/gdube)\
**Post date:** [May 3, 2023, 10:30pm UTC](https://forum.inductiveautomation.com/t/flex-container-with-wrapped-children-re-ordering/73216/3 "2023-05-03T22:30:17Z")

</div>

Cut & paste merely puts the pasted item at the end of the container.

I'm talking about something like so, and then trying to move eg. flexSKU after flexNumero. It's near impossible.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/b/eb7f8cde6eefe35be9d2b6dbb5bb5ec93df0ceb5.png)

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [May 3, 2023, 10:39pm UTC](https://forum.inductiveautomation.com/t/flex-container-with-wrapped-children-re-ordering/73216/4 "2023-05-03T22:39:36Z")

</div>

flexSKU is already after flexNumero. Can you be more clear?

---

<div class="post-metadata">

**Author:** ![gdube](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/gdube/32/41701_2.png) [@gdube](https://forum.inductiveautomation.com/u/gdube)\
**Post date:** [May 3, 2023, 11:24pm UTC](https://forum.inductiveautomation.com/t/flex-container-with-wrapped-children-re-ordering/73216/5 "2023-05-03T23:24:27Z")

</div>

oh you’re right! Then let’s say you’re trying to switch flexEngUnit with flexSKU. When dragging one or the other, the dragged item will spaz out.

---

<div class="post-metadata">

**Author:** ![craigb](https://avatars.discourse-cdn.com/v4/letter/c/9f8e36/32.png) [@craigb](https://forum.inductiveautomation.com/u/craigb)\
**Post date:** [May 3, 2023, 11:31pm UTC](https://forum.inductiveautomation.com/t/flex-container-with-wrapped-children-re-ordering/73216/6 "2023-05-03T23:31:36Z")

</div>

When I do stuff similar to this, I put a column container inside the flex container.

Makes it easier then to resize things based on devices as you change the layout for small, med and large.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [May 4, 2023, 1:17am UTC](https://forum.inductiveautomation.com/t/flex-container-with-wrapped-children-re-ordering/73216/7 "2023-05-04T01:17:45Z")

</div>

![Flex container reorder](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/e/8e7cf6680fe5c1bf9303444690b50669d0d130dd.gif)

---

<div class="post-metadata">

**Author:** ![gdube](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/gdube/32/41701_2.png) [@gdube](https://forum.inductiveautomation.com/u/gdube)\
**Post date:** [May 4, 2023, 12:34pm UTC](https://forum.inductiveautomation.com/t/flex-container-with-wrapped-children-re-ordering/73216/8 "2023-05-04T12:34:29Z")

</div>

@Transistor Ah I understand now. Nice trick, thank you.

---

<div class="post-metadata">

**Author:** ![FX3](https://avatars.discourse-cdn.com/v4/letter/f/b782af/32.png) [@FX3](https://forum.inductiveautomation.com/u/FX3)\
**Post date:** [May 2, 2024, 7:04pm UTC](https://forum.inductiveautomation.com/t/flex-container-with-wrapped-children-re-ordering/73216/9 "2024-05-02T19:04:26Z")

</div>

> [@gdube](#):
>
> The "move backward/forward relative to ..." buttons don't help, they simply act like the "move to the back/front" buttons.

Is this not a bug? Is Z-height not reflected in the order items appear in the left tree?
