Introduction
Create stunning tabbed interfaces with smooth fade and slide transitions! Fade Tabs is a powerful, feature-rich module that allows you to display content from Joomla categories or create custom tabs with complete control over styling, behavior, and layout.
Key Features
Dual Content Sources
- Category-Based Tabs: Automatically generate tabs from Joomla categories, displaying articles with intelligent filtering and sorting options
- Custom Tab Builder: Create unlimited custom tabs with rich content, icons, and full HTML support using an intuitive subform interface
Professional Styling
- 10 Pre-Built Themes: Choose from professional styles including Classic, Modern, Material, Rounded, Bordered, Flat, and more
- Complete Customization: Control every visual aspect including colors, fonts, borders, spacing, padding, and layout with pixel-perfect precision
- Theme Color Control: Customize accent colors across all styles using CSS variables
- Custom Styling Mode: Enable advanced styling mode for complete design freedom
Smooth Transitions
- Multiple Effects: Choose from smooth fade, elegant slide, or combine both effects for polished visual transitions
- Customizable Speed: Adjust animation timing with slow, normal, or fast settings to match your website's style
- No Animation Option: Instant tab switching for users who prefer immediate content display
Layout Versatility
- Horizontal Layout: Traditional top-tab navigation perfect for content-heavy pages and standard website layouts
- Vertical Layout: Sidebar navigation with customizable widths, ideal for dashboards, admin panels, and modern web applications
- Responsive Design: Fully responsive and adapts seamlessly across desktops, tablets, and mobile devices
Smart Content Management
- Flexible Sorting: Organize content by published date, creation date, modification date, hits, ordering, or randomize for dynamic displays
- Advanced Filtering: Filter by categories, tags, featured status, and exclude current articles for precise content control
- Item Count Control: Set maximum number of items per tab to keep content organized and focused
Enhanced User Experience
- URL Hash Navigation: Enable bookmarkable tabs with shareable URLs (e.g., #jx-tab-123-1), allowing users to link directly to specific tab content
- Keyboard Navigation: Full keyboard support with arrow keys, home/end keys for seamless navigation
- Accessibility: Comprehensive ARIA labels, screen reader compatibility, and WCAG 2.1 compliance for inclusive design
Performance & Compatibility
- Joomla 4/5/6 Compatible: Built with modern Joomla APIs, ensuring compatibility with current and future Joomla versions
- Minified Assets Option: Optional minified CSS and JavaScript files for improved performance and faster page load times
- Security Hardened: XSS protection, input validation, and secure coding practices ensure your site remains protected
Additional Features
- Font Awesome Integration: Built-in Font Awesome support with automatic detection and loading
- Article Image Display: Automatic image handling with caption support and semantic HTML structure
- Content Plugin Support: Full support for Joomla content plugins, allowing rich media, forms, and interactive elements within tabs
- Smart Scroll Management: Advanced scroll position preservation prevents page jumps when switching tabs
Use Cases
- Product Showcases: Display different product categories in organized tabs
- Service Pages: Organize services or features into easy-to-navigate tabs
- Content Portals: Create content-rich pages with categorized information
- Dashboards: Use vertical layout for admin panels and control centers
- FAQ Sections: Organize frequently asked questions by topic
- Portfolio Displays: Showcase work in different categories or styles
- News Sections: Display news articles organized by category or date
- Documentation: Create structured documentation with multiple topics
Requirements
- Joomla 4.x, 5.x, or 6.x
- PHP 7.4 or higher
- jQuery (automatically loaded by Joomla)
Installation
- Download the module package
- Install via Joomla Extension Manager
- Configure module parameters in Module Manager
- Assign to menu items or positions
- Start creating beautiful tabbed interfaces!
Configuration Tips
- Start Simple: Begin with category-based tabs to quickly see results
- Choose a Theme: Select one of the 10 pre-built themes that matches your site's style
- Customize Colors: Use the theme color option to match your brand
- Test Responsive: Always preview on mobile devices to ensure optimal display
- Enable Minified Assets: For production sites, enable minified assets for better performance
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
Fade Tabs - The most flexible and feature-rich tabbed content module for Joomla. Create professional, responsive, and accessible tabbed interfaces with ease!
Fade Tabs
- Version:
- 2.6
- Developer:
- Infyways Solutions
- Last updated:
-
Nov 19 2025
3 days ago - Date added:
- Nov 19 2014
- License:
- GPLv2 or later
- Type:
- Paid download
- Includes:
- m
- Compatibility:
- J4 J5 J6
Share