Bubble is great at crafting powerful tabbed-page UIs. But configuring a tabbed interface with multiple layers of tabs can be daunting, even with the Elements Tree. you have to dig for the Group you want and make it visible. This was the same problem that existed in 1999 with the first versions of Visual Basic. A “tab” component was just a series of buttons that “showed and hid” frames (groups) of components. That didn’t last long, and they changed to what I’m suggesting next. A better way would be to add just a LITTLE BIT of functionality into the IDE of the editor when a component is a Tab control: Associate the Tab “when clicked”-Group with the Group that contains the content to show/hide. Add an event handler in the editor such that when the developer clicks on the tab group, it shows the associated group (marks visible) and hides the others (marks not visible) You could even add a special visual dongle element on groups marked as a Tab group to be clicked: [image] Paul

It’s really only 3 groups, and instead of show hide you can use toggle. Use repeating groups instead of static so you only need 1 action.

That sums up easiest way to handle + some info If you need multi level use a field called level (1,2,3) and use nested RG [image] How to add search of links and words like bubble's Need help Follow me here😅 What about switching your navigation to a Dataset/page data type to have the site map index dynamically for you. So page data type will be data type “navigation” or whatever (this also can work with any data like tasks, prospects, etc) Your “navigation” data type will include: Page name - text Slug: (set using set slug action) When you navigate you will now use “go to page” Data to send - will be so search for name = (whatever page name) You will still retain the SPA styl…

These are all good suggestions, but the feature I’m suggesting is slightly different. It’s radically changing how the editor UI works. At runtime, these dynamic suggestions are great. However, at designtime when you’re in the Bubble editor, you have to drill into the element tree to find your “Main content” group (whatever you call it), then click it to “show” those elements in the editor. I’m asking for a way where you could click on the “tab” group and have it automatically show the associated content group automatically. in other words, making the editor experience similar to the experience the user has when the app is previewed.

Product Suggestion - Editor Feature: "Usable" Tab Components

Idea

chris.williamson1996 April 27, 2022, 8:23pm 3

That sums up easiest way to handle + some info

If you need multi level use a field called level (1,2,3) and use nested RG

Topic		Replies	Views
Tabs that Work in the UI Editor Idea	0	240	September 14, 2022
TAB Element is not working... visual element and input elements are getting hidden Need help	15	1741	May 20, 2017
Editor idea - Change states in editor Idea	2	260	March 11, 2021
Creating new tabs dynamically Need help	3	529	July 1, 2021
Tab Elements is still availble? Need help	2	270	February 17, 2024

Product Suggestion - Editor Feature: "Usable" Tab Components

Related topics