Scroll Box Pro

Key Features

Pause on Hover

Pause the scrolling text when users hover over the box for better readability. This user interaction feature ensures users can easily read the content without it moving too quickly. The pause functionality works on both desktop (mouse hover) and mobile devices (touch), providing an improved user experience across all platforms.

Multiple Scroll Directions

Choose from four scroll directions to match your website's design needs:
- Left to Right: Traditional scrolling from left to right
- Right to Left: Reverse scrolling from right to left
- Top to Bottom: Vertical scrolling downward
- Bottom to Top: Vertical scrolling upward

Dynamic display options enhance the presentation with flexible scroll direction settings, allowing you to create the perfect visual flow for your content.

Adjustable Scroll Speed

Fully control the scrolling speed to suit your content and audience preferences. Choose from multiple speed options ranging from very slow (0.3) to ultra fast (10), ensuring a comfortable reading experience for all users. Speed customization allows you to control how fast or slow the text scrolls based on the context of the page and the amount of content displayed.

Customizable Styling

Complete design flexibility to match your site's branding:
- Text Color: Customize the text color to match your design
- Font Size: Adjust font size in pixels for optimal readability
- Font Weight: Choose between normal or bold text
- Box Dimensions: Set custom width and height (supports px, %, vh, vw, auto)
- Background Color: Customize the box background color with RGBA support

Personalized styling ensures the scroll box fits seamlessly within your website design while maintaining professional appearance.

Flexible Content Input

Multiple content options for maximum flexibility:
- Custom Editor: Input content directly using Joomla's built-in editor with full HTML support
- Joomla Articles: Fetch and display content from Joomla articles dynamically
- HTML Support: Add HTML elements like links, images, or formatted text
- Content Processing: Strip HTML tags or apply max length restrictions as needed

Dynamic content display allows you to flexibly show content from various sources within the scrolling box, making it perfect for both static announcements and dynamic article content.

Content Management Features

Advanced content processing options:
- HTML Stripping: Option to remove HTML tags for plain text display
- Max Length Control: Set maximum character count with automatic truncation
- Article Integration: Select articles from a searchable modal interface
- Content Sanitization: Automatic content sanitization for security

Responsive Design

Fully responsive and mobile-friendly implementation:
- Mobile Optimized: Adapts to different screen sizes seamlessly
- Touch Support: Pause functionality works on touch devices
- Cross-Device Compatibility: Ensures a consistent experience across desktops, tablets, and smartphones
- Flexible Dimensions: Support for responsive units (%, vh, vw) for adaptive sizing

Pure JavaScript Implementation

Modern, lightweight implementation without jQuery dependency:
- Performance Optimized: Reduced load time and improved performance
- Native JavaScript: Uses pure JavaScript with requestAnimationFrame for smooth animations
- No External Dependencies: Works without requiring jQuery or other libraries
- Efficient Rendering: Optimized animation loop for smooth scrolling

Advanced Customization

Additional options for power users:
- Module Class Suffix: Add custom CSS classes for specific targeting
- Extra CSS Field: Add custom CSS for advanced styling and overrides
- Full Control: Override any default styling with custom CSS
- Template Integration: Inherits template font family for consistent typography

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
- 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

Use Cases

• Announcements: Display important announcements, news, or updates
• Promotional Messages: Showcase special offers, discounts, or promotions
• News Tickers: Create news ticker-style displays for breaking news
• Testimonials: Display scrolling customer testimonials or reviews
• Event Information: Show event details, schedules, or updates
• Product Features: Highlight product features or benefits
• Social Media Feeds: Display social media updates or feeds
• Legal Notices: Show legal notices, terms, or disclaimers
• Call-to-Action: Display important calls-to-action or messages
• Dynamic Content: Show article excerpts or dynamic content from Joomla articles

Technical Details

Requirements

• Joomla Version: 4.x, 5.x, or 6.x
• 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 ? Scroll Box Pro
3. Configure General Settings (direction, speed, pause on hover)
4. Choose content source (Custom Editor or Joomla Article)
5. Add content or select an article
6. Customize styling (colors, sizes, dimensions)
7. Assign to a module position and publish

Customization Options

General Settings
- Scroll direction (left, right, up, down)
- Scroll speed (0.3 to 10)
- Pause on hover (enable/disable)

Content Settings
- Content source (Custom Editor or Joomla Article)
- Article selection (modal interface)
- Max length restriction (enable/disable with character limit)
- Strip HTML tags (enable/disable)

Styling Settings
- Text color
- Font size (in pixels)
- Font weight (normal, bold)
- Box width (px, %, vh, vw, auto)
- Box height (px, %, vh, vw, auto)
- Background color (with RGBA support)

Advanced Settings
- Module class suffix for custom CSS
- Additional CSS for advanced styling

Why Choose Scroll Box Pro Module?

1. Easy to Use: Simple backend interface for quick setup
2. Fully Customizable: Complete control over appearance and behavior
3. Multiple Directions: Four scroll directions for flexible display
4. User-Friendly: Pause on hover for better readability
5. Responsive Design: Works perfectly on all devices
6. Performance Optimized: Pure JavaScript, no jQuery dependency
7. Content Flexibility: Support for custom content and Joomla articles
8. Modern Technology: Built with latest web standards and Joomla best practices
9. Well Optimized: Lightweight code with efficient asset loading
10. Regular Updates: Continuously updated for compatibility and security

Getting Started

1. Install the module through Joomla's Extension Manager
2. Navigate to Content ? Site Modules ? Scroll Box Pro
3. Configure scroll direction and speed
4. Choose content source (Custom Editor or Joomla Article)
5. Add your content or select an article
6. Customize colors, font size, and box dimensions
7. Enable pause on hover if desired
8. Assign to a module position and publish
9. Enjoy dynamic scrolling text on your website!

Transform your content display with Scroll Box Pro. Perfect for any Joomla website that needs to showcase announcements, updates, or important information in an eye-catching, scrolling format with professional styling and extensive customization options.

Support

For support, documentation, and updates, please visit:
- Support: https://support.joomlax.com
- Store: https://joomlax.com
- Documentation: https://joomlax.com/documentation/scroll-box-pro