Key Features

Unlimited Tabs

Create an unlimited number of tabs, each displaying different Joomla articles. Each tab can pull content from any selected Joomla article category, allowing you to organize and present multiple articles in a single, space-efficient slider interface. The tabbed navigation makes it easy for users to browse through different content sections.

Joomla Article Integration

Seamlessly integrate with Joomla's content management system:
- Category Selection: Choose one or more categories from which articles will be displayed
- Dynamic Content: Fetch content from Joomla articles dynamically based on module settings
- Article Filtering: Filter articles by category, ordering, and count
- Content Processing: Automatic content preparation with Joomla's content plugins
- Access Control: Respects Joomla's access control and user permissions

Smooth Sliding Transitions

Enhance user interaction with visually engaging sliding effects between tabs:
- jQuery Easing: Powered by jQuery easing library for smooth, professional animations
- Customizable Speed: Control the speed of slide transitions
- Auto Slide: Automatically advance slides at configurable intervals
- Pause on Hover: Pause automatic sliding when users hover over the slider
- Keyboard Navigation: Navigate between slides using keyboard arrows

Auto Slide Functionality

Automatically advance slides for a hands-free viewing experience:
- Enable/Disable: Toggle auto-sliding on or off
- Custom Interval: Set the time between automatic slide transitions (in milliseconds)
- Pause on Hover: Automatically pause when users interact with the slider
- Smooth Transitions: Seamless automatic transitions between slides

Navigation Controls

Multiple navigation options for user control:
- Navigation Arrows: Show or hide previous/next navigation arrows
- Tab Navigation: Click on tabs to jump directly to specific slides
- Keyboard Support: Use keyboard arrows to navigate between slides
- Mobile Navigation: Dropdown menu for mobile devices with customizable text

Flexible Article Ordering

Control how articles appear in the slider:
- Published Date: Sort by when articles were published
- Created Date: Sort by article creation date
- Modified Date: Sort by last modification date
- Hits: Sort by most viewed articles
- Ordering: Sort by Joomla's article ordering field
- Random: Display articles in random order
- Sort Direction: Choose ascending or descending order

Customizable Styling

Complete design flexibility to match your site's branding:
- Tab Colors: Customize background color for inactive and active tabs
- Tab Text Colors: Set text colors for tabs in different states
- Content Area Colors: Customize background and text colors for the content panel
- Font Settings: Adjust tab font size and weight
- Padding Control: Set custom padding for the content area
- Slider Width: Configure the width of the slider in pixels

Responsive Design

Fully responsive and mobile-friendly implementation:
- Mobile Optimized: Adapts seamlessly to different screen sizes
- Touch Support: Swipe gestures supported via jQuery TouchSwipe
- Mobile Navigation: Dropdown menu replaces tabs on smaller screens
- Cross-Device Compatibility: Consistent experience across desktops, tablets, and smartphones
- Flexible Layout: Responsive width adjustments for optimal viewing

Cross-Browser Compatibility

Universal compatibility across all modern browsers:
- Browser Support: Works on Firefox, Chrome, Edge, Safari, and Opera
- Consistent Performance: Ensures your slider performs consistently across all browsers
- Modern Standards: Built with modern web standards for long-term reliability
- Fallback Support: Graceful degradation for older browsers

Easy Installation and Setup

Quick and simple installation process:
- One-Click Install: Standard Joomla installation process
- Intuitive Configuration: User-friendly backend interface with clear labels and descriptions
- Field Validation: Built-in validation for numeric inputs with min/max values
- Helpful Descriptions: Comprehensive field descriptions with examples
- Instant Use: Get your content slider up and running in no time

Modern Joomla Compatibility

Fully compatible with the latest Joomla versions:
- Joomla 4, 5 & 6 Support: Complete migration to modern Joomla platform
- Modern PHP 8.0+: Updated codebase with modern PHP syntax
- WebAssetManager: Uses Joomla's native asset management for optimal loading
- Namespace Support: Proper namespace implementation for Joomla 4+
- Future-Proof: Built with latest web standards for long-term reliability

Enhanced Security

Built with security best practices:
- Input Sanitization: All user input properly sanitized with htmlspecialchars()
- XSS Prevention: Comprehensive output escaping
- Access Control: Respects Joomla's access control system
- Safe Content: Article content properly validated and sanitized
- Type Validation: Proper validation for all input values

Local Asset Management

Optimized performance with local file management:
- Local Libraries: jQuery Easing and TouchSwipe libraries included locally
- No CDN Dependencies: All assets served locally for better performance
- Offline Support: Works without internet connection
- Faster Loading: Reduced latency with local file serving
- Version Control: Asset versioning for cache busting

Advanced Customization

Additional options for power users:
- Module Class Suffix: Add custom CSS classes for specific targeting
- Custom CSS: Full control over styling with CSS customization
- Namespace Prefix: jx- prefix applied to all CSS classes for better namespace management
- Template Integration: Seamless integration with any Joomla template

Use Cases

• News Websites: Display multiple news articles in a tabbed slider format
• Blog Sites: Showcase blog posts in an interactive slider
• Product Showcases: Present product information or features in tabs
• Testimonials: Display customer testimonials or reviews
• Event Information: Show event details, schedules, or updates
• Portfolio Sites: Showcase portfolio items or projects
• Corporate Sites: Display company information, services, or announcements
• Educational Sites: Present course information or educational content
• Magazine Sites: Feature articles in an engaging slider format
• Content Aggregation: Aggregate and display content from multiple categories

Technical Details

Requirements

• Joomla Version: 4.x, 5.x, or 6.x (Joomla 3.x support discontinued)
• PHP Version: 8.0 or higher
• Module Type: Site Module
• License: GNU/GPL v2 or later
• Update Server: Automatic updates supported via Joomla Update Manager

Installation

1. Install the module through Joomla's Extension Manager
2. Navigate to Modules → Responsive Content Slider
3. Configure General Settings (categories, ordering, count, width, auto-slide)
4. Customize Styling Settings (colors, fonts, padding)
5. Set Advanced Settings (module class suffix, mobile navigation text)
6. Assign the module to a module position
7. Publish and enjoy your responsive content slider

Configuration Options

General Settings:
- Select Categories: Choose categories from which articles will be displayed
- Article Ordering: Choose how articles are sorted (published date, created date, modified date, hits, ordering, or random)
- Sort Direction: Ascending or descending order
- Number of Articles: Maximum number of articles to display (1-50)
- Slider Width: Width of the slider in pixels (200-2000)
- Enable Auto Slide: Automatically advance slides
- Show Navigation Arrows: Display previous/next arrows
- Auto Slide Interval: Time between automatic transitions in milliseconds

Styling Settings:
- Tab Background Color: Color for inactive tabs
- Tab Active/Hover Color: Color for active or hovered tabs
- Tab Text Color: Text color for inactive tabs
- Active Tab Text Color: Text color for active tabs
- Content Area Background: Background color for content panel
- Content Text Color: Text color for article content
- Tab Font Size: Font size for tab text (with unit, e.g., 14px)
- Tab Font Weight: Normal or bold
- Content Padding: Padding inside content area (with unit, e.g., 10px)

Advanced Settings:
- Module Class Suffix: Custom CSS class for styling
- Mobile Navigation Text: Text for mobile dropdown menu

Customization

The module uses the jx- prefix for all CSS classes, making it easy to target with custom CSS. You can add custom CSS through the module class suffix or template overrides. The module respects Joomla's template font family for consistent typography.

Performance

• Optimized Loading: Assets loaded via WebAssetManager for optimal performance
• Local Files: All JavaScript and CSS files served locally
• Deferred Loading: JavaScript files loaded with defer attribute
• Efficient Rendering: Optimized slider initialization and transitions

Reasons to Choose Responsive Content Slider

1. Professional Design: Elegant tabbed slider interface that enhances your website's appearance
2. Easy to Use: Intuitive backend configuration with clear labels and helpful descriptions
3. Fully Customizable: Extensive styling options to match your brand
4. Joomla Native: Seamlessly integrates with Joomla's content management system
5. Mobile Friendly: Responsive design with touch support for mobile devices
6. Modern Code: Built with latest Joomla standards and best practices
7. Well Maintained: Regular updates and compatibility with latest Joomla versions
8. Performance Optimized: Local asset management and efficient code
9. Secure: Built with security best practices and input sanitization
10. Well Documented: Comprehensive documentation and support resources

Getting Started

1. Install the Module: Download and install through Joomla Extension Manager
2. Create Content: Ensure you have articles in your selected categories
3. Configure Settings: Set up categories, ordering, and display options
4. Customize Appearance: Adjust colors, fonts, and styling to match your design
5. Assign Position: Assign the module to a template position
6. Publish: Enable the module and view your responsive content slider

Support & Documentation

• Documentation: https://joomlax.com/documentation/responsive-content-slider
• Support: https://support.joomlax.com/
• Website: https://joomlax.com

Responsive Content Slider - Transform your Joomla articles into an engaging, interactive slider experience. Perfect for any website that needs to showcase multiple articles in a space-efficient, user-friendly format.