Preload all tabs in the Tab Container

Is there a way to make all the separate containers used in a Tab Container load simultaneously when the view/popup is initially opened? I already have 'runWhileHidden' configured as True for each tab.
Each container, in my case, has dynamic features so every time a tab is opened for the first time, you can see the components load in and adjust. If this could happen in the background then this would be much less visually jarring.

1 Like

I hate the tab container for this reason exactly.

normally what I do is use a multi-state button, or just a flex container with a few buttons with my tab names and I put that at the top then I add a flex container named the name of the tab for each tab and set a custom property on the view and have it be what the active tab is. Set a display binding on each flex container where if activeTab = 'myTabsName'

1 Like

Did you end up figuring out a way to do this?

Wow. I literally just yesterday was looking for such an option and somehow didn't find it so I wound up rolling my own tab container.

What I came up with would solve the problem of this post, though. It's just simple toggling of the display property of the tab content components when clicking labels styled to look like tabs.

You could use the Tab Container component (not the Tab View), set the height to that of the tab height and bind the currentTabIndex out to a view.custom property (so it will be 0, 1, 2, etc., depending on the tab selected) and then bind each view's visibility to that prop with an expression tag.

It might save you some work - or it might create other work!

1 Like

I ended up using a carousel component with a multistate button to set the active pane. It works beautifully for my purposes!

3 Likes