Key Features

Dual Content Sources

• Custom Slides: Build tabs in a repeatable subform with title, HTML content, Font Awesome icons, badges, category, and active-on-load state
• Joomla Articles: Pull articles from categories with tags, featured filter, ordering, images, read more, and content plugin events

Modern Styling

• Modern 2026 default theme: Soft panel, underline accent, brand colour
• Presets: Default, Minimal, Outline, Dark, Rounded, Gradient
• Theme Color + Theme CSS Override: Match your brand and fine-tune with scoped CSS (#jx-ft-{moduleId})

Layout & Motion

• Horizontal or vertical tab layouts
• Fade / Slide / None transitions with speed in milliseconds
• Autoplay with pause on hover and keyboard focus
• Responsive: swipeable tab strip on tablets and phones, large touch targets, no page overflow

Search, Filters & Sharing

• Live search across titles and content with highlighted matches
• Category filter pills from slide or article categories
• URL anchors such as #jx-ft-{moduleId}-{n}
• Copy Link with brief “Copied!” feedback
• Remember active tab via session or local storage

Accessibility & Stack

• Real tablist / tab / tabpanel ARIA roles
• Keyboard support (arrows, Home, End)
• Vanilla JS via WebAssetManager — no jQuery
• Joomla 4 / 5 / 6 services structure (provider, Dispatcher, namespaced Helper)

Use Cases

• Product and service pages
• Feature comparisons
• Documentation sections
• News or resource hubs by category
• Dashboards (vertical layout)
• Portfolio or FAQ-style grouped content

Requirements

• Joomla 4.x, 5.x, or 6.x
• PHP 8.1+ recommended
• Font Awesome on the site for per-tab icons (most Helix/JoomlaX templates already include it)

Installation

1. Download and unzip FadeTabs_UNZIP.zip
2. Install mod_fadetabs_2.7.zip via System → Install → Extensions
3. Publish the module, assign a position and menu items
4. Choose Slides or Articles and start adding content

Configuration Tips

• Start with Modern 2026 and adjust Theme Color to your brand
• Enable URL Anchors + Copy Link for shareable tabs
• Use slide categories if you want filter pills
• On mobile, visitors can swipe the tab strip; the active tab stays in view

Support & Documentation

• Documentation: https://joomlax.com/documentation/fade-tabs
• Support: https://support.joomlax.com
• Website: https://www.joomlax.com

License

GNU General Public License version 2 or later