Development version of Tabs & Accordions for...

No, I unfortunately don`t have anything ready for you.

No, not yet. Don't expect anything before December.

TL;DR
There is an early alpha version of Tabs & Accordions available for testing here:
regularlabs.com/development-releases

But didn't you say...
Yes, I said not to expect anything before December, but...

I started some development on Tabs & Accordions at the beginning of this year.
But I ran into some issues so I shelved it. I also 'had' to move on to converting other extensions that had more priority.
Last week I finished an early alpha of Content Templater for Joomla 4. And the time came to start looking into Tabs & Accordions again.
I expected to pretty much start off from scratch. But I left the development early this year in a way more advanced state than I remembered.
So these last few days I have been fixing the most major issues to get it to a working state.

What about backward compatibility with Tabs and Sliders?
Tabs & Accordions is not a conversion of Tabs and Sliders to Joomla 4.

It is a completely new extension built from the ground up.

You can still use the main {tab} syntax to create tab sets. But many of the extra attributes will be different or work differently.

Also the HTML output is completely different than Tabs and Sliders for Joomla 3.
So any CSS stylesheets/overrides for Tabs/Sliders will not work on 'Tabs & Accordions' for Joomla 4.

So does it work?
Well, it is an early alpha. The main functionalities should all work. But there are some settings and features that still need fixing and implementing.

So what's new/different?
Like I said, it is a completely new extension.

Syntax
By default, you can create Tab sets with the {tab} tags.
These will automatically convert to Accordion sets on narrow screens. You can set the breakpoint between narrow and wide screens in the settings (default is set to max 575 for narrow screens).

You can create Accordion sets with the {accordion} tags (it will also handle {slider} tags).
These will remain as Accordion sets on all screen widths and will not change to Tabs sets.

Themes
Tabs & Accordions comes with a bunch of different themes.
I don't have the documentation ready yet. So I can't link to a showcase of these themes yet. But here are some screenshots:


Scroll Navigation
By default, when the Tab handles don't fit in the width of the page, they will now be scrollable.
Hovering over the start or end of the row of tabs, will show arrows. Hovering over these will start scrolling the tabs from left/right to reveal the other tabs. Clicking on it will scroll very fast to the beginning/end of the tabs row.

Other stuff
These things also work (or should):
Setting this attribute on the first tab, will make the inactive tabs smaller/lower to make the distinction clearer (can be useful on some of the Themes).

This will set a specific tab/accordion as the initial active one.

Set this on the first tab/accordion to have no active one on initial page load. (Yes, now also works on tabs).

Set this attribute with one of the values on the first tab to make the tab handles align left/right/center.

To override the global setting, which can make the panels the same color as the tab handles.


Not working yet
- I still need to make the editor button.
- The page scrolling options don't work yet.
- It is not yet possible to have the URL get the active tab as a hash value (like: my-url#my-active-tab)
- Currently the page will always remember active tab when refreshing the page. The option to switch that off doesn't work yet.
- Slideshow option (automatically switch to next tab via timeout) does not work yet.
- I still need to deal with the Free vs Pro stuff. Currently pretty much everything that should be Pro only is also working in the Free version.

And probably 1001 more things that need implementing or fixing.

Where can I download it? I am too lazy to scroll up!
You can download it from the Development Versions page:
regularlabs.com/development-releases

Sorry, should be there now...

Yeah, that should work in the pro version.

The access to the Pro versions of the extensions is controlled by the subscriptions.
But nobody can have a subscription to that yet. So for now I'll just give direct access to the pro version here:
regularlabs.com/TabsAccordions-v0.1.0-dev-PRO.zip

When the time comes I'll make sure that everybody with a Tabs or Sliders subscription will also get access to the Tabs & Accordions Pro versions.
Probably by sending a coupon code to get 100% off on the first year.

People with a bundle subscription already have full access.

Not sure what you mean. WHat needs an array? What doesn't work before saving the plugin settings?

Should be fixed now in latest dev.

Something I sent to Dan via email, but also applies to the rest of the peeps wanting to help test:

You can do that here.

The colors will not be added via class names, as this caused conflicts with some other templates and extensions.
Simply having a class="red" could cause all sorts of unwanted CSS applied, if something else also styles that classname.
So Tabs & Accordions doesn't use any class names to do its basic styling and scafolding. It is all done via data attributes.

You will still be able to add a class, but it is down to your custom CSS on how you deal with those classes.
This should work now with latest dev.
regularlabs.com/TabsAccordions-v0.1.0-dev-PRO.zip

You should be able to add this to the first tab/accordion tag too, to overrule the default setting:
This option only has an effect on these themes:
- Neutral
- Colorful
- Dark
- Light
- Minimal

With the lines and pills, it makes no sense to color the panels.