Skip to content

feat: [1679] Add multiple groups per tab - #2259

Merged
n-lark merged 15 commits into
mainfrom
1679-tab-groups
Oct 6, 2026
Merged

n-lark merged 15 commits into
mainfrom
1679-tab-groups

Conversation

@n-lark

@n-lark n-lark commented Sep 28, 2026 •

Copy link
Copy Markdown
Contributor

Description

tabs

Pages using the Tabs layout can show multiple groups in one tab.

  • Pages get a Tabs list and groups get a Tab dropdown.
  • Groups sharing a tab render side-by-side like the Grid layout. Existing flows are unchanged.
  • The selected tab survives redeploys and falls back to the first tab if hidden.
  • [1679] Add multiple groups per tab to the page layout  #2260 is the work to add the tabs to the layout config panel, 2nd layer of stack.

Test plan

✅ All tests passed
  • Existing Tabs page with no page tabs renders unchanged (one group per tab, no titles, order 0 first)
  • Groups sharing a tab render side-by-side in group order; single-group tabs look as before
  • Tabs list shows only for the Tabs layout, with a hint while empty
  • Renaming a tab keeps its id; new tabs get unique ids
  • Group dialog lists the page's tabs; moving to a Grid page hides and clears the field
  • Hiding every group in the active tab via ui-control selects another tab
  • Redeploying keeps the selected tab
  • Multi-group tab matches Grid layout at desktop, tablet and mobile widths

Related Issue(s)

Resolves #1679

Checklist

  • I have read the contribution guidelines
  • Suitable unit/system level tests have been added and they pass
  • Documentation has been updated
    • Upgrade instructions
    • Configuration details
    • Concepts
  • Changes flowforge.yml?
    • Issue/PR raised on FlowFuse/helm to update ConfigMap Template
    • Issue/PR raised on FlowFuse/CloudProject to update values for Staging/Production
  • Link to Changelog Entry PR, or note why one is not needed.

Labels

  • Includes a DB migration? -> add the area:migration label

@n-lark n-lark self-assigned this Sep 28, 2026
@n-lark
n-lark marked this pull request as draft September 28, 2026 18:44
@n-lark
n-lark added this pull request to stack #2261 September 28, 2026 20:30
@n-lark
n-lark marked this pull request as ready for review September 29, 2026 14:46

@cstns cstns left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Took this for a spin locally (dashboard + editor dialogs + the new Cypress specs), all working as described. Left a few inline thoughts, none of them blockers.

Comment thread ui/src/layouts/Tabs.vue Outdated
Comment thread nodes/config/ui_page.html Outdated
Comment thread ui/src/layouts/Tabs.vue
@n-lark n-lark changed the title [1679] Add multiple groups per tab feat: [1679] Add multiple groups per tab Oct 5, 2026
@n-lark
n-lark marked this pull request as draft October 5, 2026 18:51
@n-lark
n-lark marked this pull request as ready for review October 5, 2026 18:51
@n-lark
n-lark requested a review from cstns October 5, 2026 20:03
@n-lark
n-lark merged commit 2ceb6c9 into main Oct 6, 2026
5 of 6 checks passed
@n-lark
n-lark deleted the 1679-tab-groups branch October 6, 2026 14:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Feature Request: Enhanced Content Organization within Tabs

2 participants