# How would you structure this tabs content?

**URL:** <https://community.weweb.io/t/how-would-you-structure-this-tabs-content/5920>\
**Category:** How do I?\
**Created:** [December 13, 2023, 11:57am UTC](https://community.weweb.io/t/how-would-you-structure-this-tabs-content/5920 "2023-12-13T11:57:33Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![TinnaLT](https://avatars.discourse-cdn.com/v4/letter/t/e99b99/32.png) [@TinnaLT](https://community.weweb.io/u/TinnaLT)\
**Post date:** [December 13, 2023, 11:57am UTC](https://community.weweb.io/t/how-would-you-structure-this-tabs-content/5920/1 "2023-12-13T11:57:33Z")

</div>

Hi,

I’m trying to figure out the best way to build/structure a part of my app.

So what I want to create, is when the user starts a new project, they have one (visible) tab (“Page name” on photo), and then they can add more tabs/pages as they need:

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/e/ed6310f740e7615dd73fad70b5a23b021d6fc8c2.png)

The tricky part is that this could be up to 10-15 tabs/pages (I haven’t decided the exact no. yet),  
and on each page there’s a menu (the + sign on the photo) containing at least 10-15 different elements, that the user can add to the page:

 ![Untitled2](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/d2808a92961e29a1d300ed3253588ca83e2243de.jpeg)

As I understand the ‘Tabs’ component, you need a tab/“Header” and a “Content” section for each page. But since the menu and the content from it is the same elements on every page, I was thinking if it would be possible to turn that into a multi-page-section? Instead of having 10-15 copies of the same content that needs to be loaded. Is that even possible to do with the ‘Tabs’ component?

I’m not complete sure what the best solution would be, so I’m hoping someone has built something similar or have some ideas I could try?

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [December 13, 2023, 12:03pm UTC](https://community.weweb.io/t/how-would-you-structure-this-tabs-content/5920/2 "2023-12-13T12:03:42Z")

</div>

Why not make your own logic at this point?  
I think it would save you a lot of fighting with the Tabs widget

---

<div class="post-metadata">

**Author:** ![TinnaLT](https://avatars.discourse-cdn.com/v4/letter/t/e99b99/32.png) [@TinnaLT](https://community.weweb.io/u/TinnaLT)\
**Post date:** [December 13, 2023, 12:06pm UTC](https://community.weweb.io/t/how-would-you-structure-this-tabs-content/5920/3 "2023-12-13T12:06:07Z")

</div>

Haha, yeah that has ended up being the solution to several of the things I’m trying to build.  
But if there’s a way to save time with using the no-code components, I’ll try that first 🙂

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [December 13, 2023, 12:06pm UTC](https://community.weweb.io/t/how-would-you-structure-this-tabs-content/5920/4 "2023-12-13T12:06:58Z")

</div>

Definitely) I just skip this step, as I often get stuck and waste time. It’s a great way to practice 🙂

---

<div class="post-metadata">

**Author:** ![TinnaLT](https://avatars.discourse-cdn.com/v4/letter/t/e99b99/32.png) [@TinnaLT](https://community.weweb.io/u/TinnaLT)\
**Post date:** [December 13, 2023, 12:08pm UTC](https://community.weweb.io/t/how-would-you-structure-this-tabs-content/5920/5 "2023-12-13T12:08:22Z")

</div>

You’re probably not wrong skipping it - it’s most likely the easiest solution 😅