New Component: Tabs Container — Now on the Marketplace! 🎉

Hey Adalo Community! :waving_hand:

I’m excited to share a new component that’s now available on the Adalo Marketplace:

Tabs Container
Add tabbed navigation to any screen — switch between views without leaving the page

A tabbed navigation container that switches between content sections — organize screens with multiple views like profile tabs, settings categories, or product details.

Key Features
:white_check_mark: 2 to 6 configurable tabs
:white_check_mark: Multiple visual styles: Underline, Filled, Pill
:white_check_mark: Optional Material Icons on each tab
:white_check_mark: Notification badge support with custom counts
:white_check_mark: Smooth animated transitions between tabs
:white_check_mark: Fully customizable colors (active, inactive, background, underline, badge)
:white_check_mark: Flexible tab sizing (equal width or fit-to-content)
:white_check_mark: On Tab Changed action with tab index and label output
:white_check_mark: Works on Web, iOS, and Android

Perfect For
• Profile pages (Posts / Followers / Following)
• Settings categories (Account / Notifications / Privacy)
• Product details (Overview / Specs / Reviews)
• Dashboard views (Daily / Weekly / Monthly)
• Onboarding flows
• Content organization

How to Get It

  1. Open your Adalo app editor
  2. Click the **+** button to open the Add Components panel
  3. Browse **Marketplace Components** or search for “Tabs Container”
  4. Click to add it to your app — done!

If you have any questions or feedback, drop a comment below. I’d love to hear how you’re using it! :rocket:

10 Likes

Im not sure if this is new or now but the tab bar does not scale with the screen even with layout setting adjusted for each screen size. In the editor it is rendering perfectly. but not in preview

@Dilon Tried submitting a bug form but kept getting stuck on submit. Video of bug Here is the video of the bug.

Thank you Jacob, I’ll share this with Kyle! (I think it’s already reported : Calendar Pro and Tabs Container not scaling to full width) Regarding the ticket, what’s the error you got? Thank you and have a great day!

@Dilon The submit button would just load. Then the security toggle would expire. It would be an endless cycle.

1 Like

Thanks for the update Jacob! Could you try again submitting a ticket and possibly record the screen, and share the recording if you experience the issue again? Seems to be working fine. Try after clearing site cache too. Anyways, I’ve noted the issue but just wanted to make sure if you’re still facing this issue or not. Thank you and have a great day!

1 Like

@Dilon do you want me to try and submit the same ticket from last night regarding the tabs container?

1 Like

@ Dillon I sent a message of the video link to the bug form.

Awesome, thanks Jacob! Also Kyle pushed an update which should fix this issue! Check and let here know (@diegozane, check and let here know too! : Calendar Pro and Tabs Container not scaling to full width), thank you and have a great day!

Working now, thank you

1 Like

This error message is a result of the attachments being too large in size. When attaching files to the Ticket, please ensure they are less than 4MB to avoid issues with submitting.

If you need to attach a longer video, please consider sending a link to screen recording of the behavior from a platform such as Sendspark.

-Jessi

1 Like

It may or may not already have this functionality built in.

Though, I’m not seeing it.

I am looking for / requesting:

The ability to use an icon, without text, as a tab / button.

As it is now, the text entry can be empty, however, text is displayed…“Tab#”

If this were implemented, “Icon Position” options should include “Center”.

1 Like

Thank you @C3PO, shared this with the team!

Hi @C3PO, a fix got published today! Could you check again and let me know here? Thank you and have a great day!

1 Like

It (icon only in tabs) seems to be working; extra optionality appreciated.

Thank you for the update and notification.

1 Like