Thanks, I figured it might be problematic which is why I wanted to check. There are so many different browsers and server configurations as well that will play a part in this.
I was wondering about implementing some kind preload option that only kicks in after the previous tab has loaded but I appreciate not every scenario will fit that.
The idea of combining this with the media query bric for improved results is an intriguing concept. I’ll be starting this project properly on Monday and want to see what is possible.
How about different sized tab images for mobile and desktop so they load more efficiently on mobile? I’ve not yet had time to try the media query bric, but it’s the kind of interplay between different brics that would be interesting. No doubt some API changes might be needed as well.
I really don’t think your page will load that slow. At around the 1500 x 1000 size you should be able to get each image under 200k and still look good. If you’re experiencing slow load time on mobile you could always duplicate the tabs and use smaller images just on mobile. A little more work but it will help with load time.
The new Tabs is much improved, if you are going to have 20 images you probably are going to have to use bullets for navigation. I just made a menu for a client using tabs and it worked great. My client loved how it looks.
Yup, bullets or in some cases even a numbered pagination might work.
…and not so obvious but you can always put html entities in those fields. That means easy access to stars and other glyphs and custom images. yeah all of those can be nice and compact.
Hi Whittfield, would Tab Anything allow to build a full screen (window) Carrousel ?
In Blocs 4, only the 1 Hero bloc can be set with padding to FullScreen.
I’m stil looking for a way to have a full screen carrousel and it does not work with the Carrousel Bric… well as far as I tried.
I’m not sure that’s true. Any bloc can be set to fullscreen.
But to answer your question,Yes, Tab Anything will work with fullscreen blocs. You will need to consider that the Tabs themselves should be outside those blocs, so users would not see them when the full screen bloc takes up the viewport. you could try css positioning to adjust for this, but I haven’t tried it.
Thanks. You’re right, any bloc can be FullScreen. I missed that.
Another user suggested your other extension Swiper. It looks good on the demo with navigation arrows. Maybe that would be the best choice ?
New to Blocs and Brics. I think I have a use for “Tab Anything” and was wondering if anyone had a web page they could direct me to that is using Tab anything.
I am actually working on this site, you can see tab anything features right after the hero. They have different behavior on depending which viewport you are.
aaahhh!!! @chicuelo you are very talented, thank you for sharing!
I’m loving BOTH desktop and mobile! This design is fantastic IMHO really modern and easy to navigate. It’s a great example of Tab Anything’s vertical layout, animation and responsive dropdown.
I’d love to see a design with Rotated Tabs. It’s such a rare feature, could make for a very unique and creative vibe. Maybe for a portfolio or a Band’s website. anyway nice work!
Unfortunately no, this will be a great feature if this bric could be triggered by external links. That would be awesome. By now they just scroll to the section
Tab Anything Pro drops literally any minute. It has external links, external previous and next looping, dynamic content loading for single page sites, preloading images from dynamic Tab content and more is possible! It’s done tested heavily.
So there will be a standard and pro version moving forward. Pro of course has all the features of standard including the new features that are releasing soon.
If I understand correctly (and please correct me if I’m wrong )the answer to the submenu question might be yes. If it’s referring to the mobile drop-down menu that’s triggered by breakpoint. It highlights its active state is in sync with the desktop version.
When @chicuelo builds his Main menu using the PRO version he can slide to the section and highlight the proper Tab in Tab Anything.
