How do you build tabs on one Adalo screen?
Use Adalo’s Tabs Container to switch between sections on one screen, expose the selected tab, and control content with actions or visibility rules.
Use the Tabs Container marketplace component, configure two to six tabs, and use its Selected Tab Index or On Tab Changed output to show, hide, or filter the content for the active section.
Tabs Container replaces duplicate-screen tab workarounds when the sections belong on one screen. The component supplies the active-tab value; visibility, filtering, or actions determine what each tab displays.
The intended outcome
Users can switch between distinct content sections without navigating to duplicate screens.
Requirements
- The Tabs Container marketplace component
- Two to six clearly named content sections
- Visibility rules, filters, or actions for each section
Step by step
- 01
Add the Tabs Container
Open Marketplace Components, add Tabs Container to the screen, and choose the required number of tabs.
- 02
Configure labels and active state
Give every tab a short label, choose the default active tab, and select an underline, pill, filled, or text-only style.
- 03
Connect tab state to content
Use Selected Tab Index or Selected Tab Label in conditional visibility and list filters, or run actions from On Tab Changed.
- 04
Test every target width
Verify every tab at phone, tablet, and desktop widths, especially when labels or badges vary in length.
The underlying logic
The component keeps tab selection on the current screen and exposes the active index and label as form values.
Content still needs an explicit rule that maps each tab value to the section it controls.
What still needs checking?
- This is a forum-native answer with no original Adalocado video.
- Adalo now documents Tabs Container and its Selected Tab Index, Selected Tab Label, and On Tab Changed outputs.
Common failure modes
Changing tabs does not change the content
Reference the Tabs Container’s Selected Tab Index or Label in the target component’s visibility or filter rule.
The tab bar does not fit at some widths
Use short labels, reduce the tab count, test Same Size versus Dynamic Width, and verify the component’s responsive layout settings.
Testing checklist
0 of 6 checked on this device
Current limitations
- Tabs Container supports two to six tabs. More sections require a different information architecture.
- A responsive-width issue reported in the component announcement was later confirmed fixed, but each app should still test its own layouts.
Current evidence screenshots have not yet been added. Treat the guidance as documented or legacy material according to the status shown above.
What the Adalo community is reporting
These are concise editorial summaries of public forum posts—not endorsements or independently reproduced results.
Segmented controls or top tabs
Adalo released Tabs Container in response to the request.
Boundary: The original request did not describe configuration details.
Adalo staff accepted update · February 2026Tabs — Navigation or Buttons
A second feature request points to the same Tabs Container release.
Boundary: This is duplicate evidence, not a separate answer.
Adalo staff accepted update · February 2026Sources and status
This page was last reviewed on Aug 16, 2026. Its current status is Documented from current sources.
Verification owner: Automatically organized from an accepted forum answer; monitored for corrections. Next review: Oct 16, 2026.
Changelog
Automatically posted from a solved Adalo forum topic; corrections are monitored on the live site.
Report this answer.
Forum answers post automatically. If a step is wrong, outdated, unclear, or missing an important boundary, send the exact correction and the editor will check the live page.
Report a problemDid this solve your problem?
Never deal with an Adalo problem again.
Rehost becomes the monthly team behind your app. Fixes, releases, integrations, and ongoing changes have an owner.
See monthly managementBring us the messy version.
Describe what you expected, what happened instead, and what you already tried.
Ask Adalocado 💬
