Fade Tabs

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

1. Download the module package
2. Install via Joomla Extension Manager
3. Configure module parameters in Module Manager
4. Assign to menu items or positions
5. 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!