# Re-ordering Tabs element **URL:** \ **Category:** How do I?\ **Created:** [February 4, 2024, 6:30am UTC](https://community.weweb.io/t/re-ordering-tabs-element/6806 "2024-02-04T06:30:06Z")\ **Posts on this page:** 13\ **Page:** 1
**Author:** ![buildnocode](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/buildnocode/32/2964_2.png) [@buildnocode](https://community.weweb.io/u/buildnocode)\ **Post date:** [February 4, 2024, 6:30am UTC](https://community.weweb.io/t/re-ordering-tabs-element/6806/1 "2024-02-04T06:30:06Z")
I have 5 headers and wanted to add a new one. I want the positioning of the new header to be 2nd in order. How do I do this? ---
**Author:** ![springbloom](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/springbloom/32/7345_2.png) [@springbloom](https://community.weweb.io/u/springbloom)\ **Post date:** [February 5, 2024, 5:55am UTC](https://community.weweb.io/t/re-ordering-tabs-element/6806/2 "2024-02-05T05:55:31Z")
How are headers structured/wrapped in? Can you share screenshot/recording of the elements? ---
**Author:** ![buildnocode](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/buildnocode/32/2964_2.png) [@buildnocode](https://community.weweb.io/u/buildnocode)\ **Post date:** [February 5, 2024, 8:01am UTC](https://community.weweb.io/t/re-ordering-tabs-element/6806/3 "2024-02-05T08:01:10Z")
![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/b/bf7174f1006fa0c286d5089630b13ddc4ee48896.png) ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/5/5aea5b53497fe94a7a3b23fe5b46d10997f7b9cd.png) Similar to the default tabs element. I want to re-arrange the steps and the corresponding content. The headers are re-arrangeable but not the content section. ---
**Author:** ![springbloom](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/springbloom/32/7345_2.png) [@springbloom](https://community.weweb.io/u/springbloom)\ **Post date:** [February 5, 2024, 8:23am UTC](https://community.weweb.io/t/re-ordering-tabs-element/6806/4 "2024-02-05T08:23:20Z")
I believe if you use the same variable that you are using to navigate the header to show & hide the contents, it will work. ---
**Author:** ![buildnocode](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/buildnocode/32/2964_2.png) [@buildnocode](https://community.weweb.io/u/buildnocode)\ **Post date:** [February 5, 2024, 3:35pm UTC](https://community.weweb.io/t/re-ordering-tabs-element/6806/5 "2024-02-05T15:35:31Z")
The variable is only exposed in the workflows. This is the pre-built Tabs element. ---
**Author:** ![vwasteels](https://avatars.discourse-cdn.com/v4/letter/v/4491bb/32.png) [@vwasteels](https://community.weweb.io/u/vwasteels)\ **Post date:** [February 15, 2024, 2:41pm UTC](https://community.weweb.io/t/re-ordering-tabs-element/6806/6 "2024-02-15T14:41:35Z")
Hello @buildnocode , I am having the same issue, did you find a solution for this ? Thanks ---
**Author:** ![buildnocode](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/buildnocode/32/2964_2.png) [@buildnocode](https://community.weweb.io/u/buildnocode)\ **Post date:** [February 15, 2024, 4:43pm UTC](https://community.weweb.io/t/re-ordering-tabs-element/6806/7 "2024-02-15T16:43:43Z")
Unfortunately not. The only hacky way I could find was by duplicating the page / tabs element and then deleting the content and copy pasting to re-order. I hope they add the ability to reorder similar to the dynamic table element. ---
**Author:** ![Davy](https://avatars.discourse-cdn.com/v4/letter/d/e495f1/32.png) [@Davy](https://community.weweb.io/u/Davy)\ **Post date:** [May 27, 2024, 12:27pm UTC](https://community.weweb.io/t/re-ordering-tabs-element/6806/8 "2024-05-27T12:27:41Z")
Hey @Alexis do you know if there is a solution for this ? ---
**Author:** ![CedricFR73](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/cedricfr73/32/6618_2.png) [@CedricFR73](https://community.weweb.io/u/CedricFR73)\ **Post date:** [December 10, 2024, 12:36pm UTC](https://community.weweb.io/t/re-ordering-tabs-element/6806/9 "2024-12-10T12:36:28Z")
Hello Weweb Community, still no solution on this matter? ---
**Author:** ![lp\_ih](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/lp_ih/32/13069_2.png) [@lp\_ih](https://community.weweb.io/u/lp_ih)\ **Post date:** [May 2, 2025, 12:22am UTC](https://community.weweb.io/t/re-ordering-tabs-element/6806/10 "2025-05-02T00:22:30Z")
@Joyce - Do you know if there is an answer to this? We’re looking to know how to reorder the tabs within the WeWeb built tabs element ---
**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\ **Post date:** [May 2, 2025, 10:54am UTC](https://community.weweb.io/t/re-ordering-tabs-element/6806/11 "2025-05-02T10:54:22Z")
> [@lp\_ih](#): > > how to reorder the tabs within the WeWeb built tabs element Hi @lp_ih 👋 I think you’ll need a coded component for this. Our current Tabs element doesn’t support it natively ---
**Author:** ![gonzor\_automation](https://avatars.discourse-cdn.com/v4/letter/g/5fc32e/32.png) [@gonzor\_automation](https://community.weweb.io/u/gonzor_automation)\ **Post date:** [May 28, 2025, 2:03pm UTC](https://community.weweb.io/t/re-ordering-tabs-element/6806/12 "2025-05-28T14:03:47Z")
Hey @Joyce thanks for confirming! Is there an estimate on whether the tabs element would be improved any time soon? ---
**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\ **Post date:** [June 6, 2025, 1:05pm UTC](https://community.weweb.io/t/re-ordering-tabs-element/6806/13 "2025-06-06T13:05:25Z")
Hi @gonzor_automation 👋 I’m not aware of us prioritizing this element at this time but, with WeWeb AI, you can create your own tab element with the reorder tab feature. It might require a bit of iteration but it should be achievable 🙂