Image Fullscreen
Maintained by
Sandip Radadiya
A modern Moodle filter plugin that adds fullscreen functionality to images in activity content. This filter enhances the viewing experience by allowing users to expand images to fullscreen mode with a simple click.
Price option: Free
Supports Moodle 4.5-5.0
See all versions
Latest release: 1 year ago
Installations: 45
Downloads (last 90 days): 55
Frankenstyle name:
filter_imagefullscreen
Plugin type:
Filters
Versions
Current version
1.0.4 (2025071400)
Moodle 4.5, 5.0
Uploaded on Monday, 14 July 2025 at 15:09 (GMT+0)
1.0.4
Plugin type: Filters
Frankenstyle component name: filter_imagefullscreen
Version build number: 2025071400
Version release name: 1.0.4
Maturity: Stable
Supported Moodle versions: 4.5, 5.0
Repository URL (Git): https://github.com/sandiprj/moodle-filter_imagefullscreen
Repository branch:
Repository tag:
Issue/bug tracker URL: https://github.com/sandiprj/moodle-filter_imagefullscreen/issues
Image Fullscreen Filter
A modern Moodle filter plugin that adds fullscreen functionality to images in activity content. This filter enhances the viewing experience by allowing users to expand images to fullscreen mode with a simple click.
Features
- Smart Detection: Automatically detects images in activity content
- Activity-Specific: Only activates within activity contexts (configurable per activity type)
- Configurable: Choose which activity modules should have the filter enabled
- Modern Architecture: Built with Moodle 4.5+ standards using namespaced classes and Mustache templates
- Responsive Design: Works seamlessly across desktop and mobile devices
- Lightweight: Minimal performance impact with efficient image detection
How It Works
The filter scans content for <img> tags and adds a fullscreen icon overlay. Users can:
- View Images: Click the fullscreen icon to expand any image to fullscreen mode
- Navigate: Use keyboard shortcuts or click outside to exit fullscreen
- Zoom: Native browser zooming capabilities in fullscreen mode
Installation
Method 1: Manual Installation
- Download or clone this repository
- Copy the
imagefullscreenfolder to your Moodle's/filter/directory - Visit Site Administration > Notifications to complete the installation
- Go to Site Administration > Plugins > Filters > Manage filters
- Enable "Image Fullscreen Filter" by setting it to "On"
Method 2: Plugin Directory (if available)
- Go to Site Administration > Plugins > Install plugins
- Search for "Image Fullscreen Filter"
- Follow the installation wizard
Configuration
Enable the Filter
- Navigate to Site Administration > Plugins > Filters > Manage filters
- Find "Image Fullscreen Filter" and set it to "On"
- Adjust the order if needed (recommended after "Convert URLs to links")
Activity Settings
- Go to Site Administration > Plugins > Filters > Image Fullscreen Filter
- Select which activity modules should have the filter enabled:
- Book (enabled by default)
- Page
- Lesson
- Forum
- Quiz
- And any other installed activity modules
Technical Details
Requirements
- Moodle: 4.5 or later
- PHP: 8.1 or later (as required by Moodle 4.5)
- Browser: Modern browser with JavaScript enabled
Architecture
- Namespace:
filter_imagefullscreen - Main Class:
\filter_imagefullscreen\text_filter - Templates: Mustache templates in
/templates/directory - Privacy Compliant: Implements null privacy provider
File Structure
filter/imagefullscreen/
"── classes/
│ "── text_filter.php # Main filter logic
│ └── privacy/provider.php # Privacy compliance
"── templates/ # Mustache templates
│ "── fullscreen_icon.mustache # SVG icon template
│ "── image_container.mustache # Standalone image wrapper
│ └── span_image.mustache # Span-wrapped image template
"── amd/ # JavaScript modules
"── lang/ # Language strings
"── db/ # Database definitions
└── styles.css # Custom styles
Performance
- Efficient: Only processes content in activity contexts
- Selective: Applies only to enabled activity types
- Cached: Uses Moodle's template caching system
- Minimal DOM: Adds minimal HTML overhead
Customization
Styling
Override styles by adding CSS to your theme:
.image-fullscreen-container {
/* Custom container styles */
}
.fullscreen-icon {
/* Custom icon styles */
}
Templates
Templates can be overridden in your theme:
- Copy templates to
theme/yourtheme/templates/filter_imagefullscreen/ - Modify as needed while maintaining required context variables
JavaScript
The fullscreen functionality uses AMD modules located in /amd/src/fullscreen.js
Troubleshooting
Filter Not Working
- Ensure the filter is enabled in Manage filters
- Check that you're viewing content within an enabled activity
- Verify JavaScript is enabled in your browser
- Clear Moodle caches: Site Administration > Development > Purge caches
Performance Issues
- Limit the filter to specific activity types
- Check for conflicts with other image-related filters
- Ensure your Moodle version meets requirements
Browser Compatibility
- Chrome/Chromium: Fully supported
- Firefox: Fully supported
- Safari: Fully supported
- Edge: Fully supported
- Mobile browsers: Responsive design supported
Development
Contributing
- Fork the repository
- Create a feature branch
- Follow Moodle coding standards
- Add appropriate tests
- Submit a pull request
Testing
Run Moodle's code checker:
php local/codechecker/run.php filter/imagefullscreen/
License
This plugin is licensed under the GNU General Public License v3 or later.
Support
- Documentation: This README file
- Issues: Report bugs and feature requests via the project repository
- Community: Moodle forums and developer community
Changelog
Version 2025062000
- NEW: Moodle 4.5+ compatibility
- NEW: Namespaced classes and modern architecture
- NEW: Mustache template system
- NEW: Activity-only filtering
- NEW: Configurable activity modules
- IMPROVED: Performance optimizations
- IMPROVED: Code standards compliance
Author: Sandip R radadiyasandip89@gmail.com
Copyright: 2025 Sandip R
License: GPL v3+
1.0.3 (2025062100)
Moodle 4.5, 5.0
Uploaded on Friday, 20 June 2025 at 08:49 (GMT+0)
1.0.3
Plugin type: Filters
Frankenstyle component name: filter_imagefullscreen
Version build number: 2025062100
Version release name: 1.0.3
Maturity: Stable
Supported Moodle versions: 4.5, 5.0
Repository URL (Git): https://github.com/sandiprj/moodle-filter_imagefullscreen
Repository branch:
Repository tag:
Issue/bug tracker URL: https://github.com/sandiprj/moodle-filter_imagefullscreen/issues
Image Fullscreen Filter
A modern Moodle filter plugin that adds fullscreen functionality to images in activity content. This filter enhances the viewing experience by allowing users to expand images to fullscreen mode with a simple click.
Features
- Smart Detection: Automatically detects images in activity content
- Activity-Specific: Only activates within activity contexts (configurable per activity type)
- Configurable: Choose which activity modules should have the filter enabled
- Modern Architecture: Built with Moodle 4.5+ standards using namespaced classes and Mustache templates
- Responsive Design: Works seamlessly across desktop and mobile devices
- Lightweight: Minimal performance impact with efficient image detection
How It Works
The filter scans content for <img> tags and adds a fullscreen icon overlay. Users can:
- View Images: Click the fullscreen icon to expand any image to fullscreen mode
- Navigate: Use keyboard shortcuts or click outside to exit fullscreen
- Zoom: Native browser zooming capabilities in fullscreen mode
Installation
Method 1: Manual Installation
- Download or clone this repository
- Copy the
imagefullscreenfolder to your Moodle's/filter/directory - Visit Site Administration > Notifications to complete the installation
- Go to Site Administration > Plugins > Filters > Manage filters
- Enable "Image Fullscreen Filter" by setting it to "On"
Method 2: Plugin Directory (if available)
- Go to Site Administration > Plugins > Install plugins
- Search for "Image Fullscreen Filter"
- Follow the installation wizard
Configuration
Enable the Filter
- Navigate to Site Administration > Plugins > Filters > Manage filters
- Find "Image Fullscreen Filter" and set it to "On"
- Adjust the order if needed (recommended after "Convert URLs to links")
Activity Settings
- Go to Site Administration > Plugins > Filters > Image Fullscreen Filter
- Select which activity modules should have the filter enabled:
- Book (enabled by default)
- Page
- Lesson
- Forum
- Quiz
- And any other installed activity modules
Technical Details
Requirements
- Moodle: 4.5 or later
- PHP: 8.1 or later (as required by Moodle 4.5)
- Browser: Modern browser with JavaScript enabled
Architecture
- Namespace:
filter_imagefullscreen - Main Class:
\filter_imagefullscreen\text_filter - Templates: Mustache templates in
/templates/directory - Privacy Compliant: Implements null privacy provider
File Structure
filter/imagefullscreen/
"── classes/
│ "── text_filter.php # Main filter logic
│ └── privacy/provider.php # Privacy compliance
"── templates/ # Mustache templates
│ "── fullscreen_icon.mustache # SVG icon template
│ "── image_container.mustache # Standalone image wrapper
│ └── span_image.mustache # Span-wrapped image template
"── amd/ # JavaScript modules
"── lang/ # Language strings
"── db/ # Database definitions
└── styles.css # Custom styles
Performance
- Efficient: Only processes content in activity contexts
- Selective: Applies only to enabled activity types
- Cached: Uses Moodle's template caching system
- Minimal DOM: Adds minimal HTML overhead
Customization
Styling
Override styles by adding CSS to your theme:
.image-fullscreen-container {
/* Custom container styles */
}
.fullscreen-icon {
/* Custom icon styles */
}
Templates
Templates can be overridden in your theme:
- Copy templates to
theme/yourtheme/templates/filter_imagefullscreen/ - Modify as needed while maintaining required context variables
JavaScript
The fullscreen functionality uses AMD modules located in /amd/src/fullscreen.js
Troubleshooting
Filter Not Working
- Ensure the filter is enabled in Manage filters
- Check that you're viewing content within an enabled activity
- Verify JavaScript is enabled in your browser
- Clear Moodle caches: Site Administration > Development > Purge caches
Performance Issues
- Limit the filter to specific activity types
- Check for conflicts with other image-related filters
- Ensure your Moodle version meets requirements
Browser Compatibility
- Chrome/Chromium: Fully supported
- Firefox: Fully supported
- Safari: Fully supported
- Edge: Fully supported
- Mobile browsers: Responsive design supported
Development
Contributing
- Fork the repository
- Create a feature branch
- Follow Moodle coding standards
- Add appropriate tests
- Submit a pull request
Testing
Run Moodle's code checker:
php local/codechecker/run.php filter/imagefullscreen/
License
This plugin is licensed under the GNU General Public License v3 or later.
Support
- Documentation: This README file
- Issues: Report bugs and feature requests via the project repository
- Community: Moodle forums and developer community
Changelog
Version 2025062000
- NEW: Moodle 4.5+ compatibility
- NEW: Namespaced classes and modern architecture
- NEW: Mustache template system
- NEW: Activity-only filtering
- NEW: Configurable activity modules
- IMPROVED: Performance optimizations
- IMPROVED: Code standards compliance
Author: Sandip R radadiyasandip89@gmail.com
Copyright: 2025 Sandip R
License: GPL v3+
1.0.1 (2025062001)
Moodle 4.5, 5.0
Uploaded on Friday, 20 June 2025 at 07:02 (GMT+0)
1.0.1
Plugin type: Filters
Frankenstyle component name: filter_imagefullscreen
Version build number: 2025062001
Version release name: 1.0.1
Maturity: Stable
Supported Moodle versions: 4.5, 5.0
Repository URL (Git): https://github.com/sandiprj/moodle-filter_imagefullscreen
Repository branch:
Repository tag:
Issue/bug tracker URL: https://github.com/sandiprj/moodle-filter_imagefullscreen/issues
Image Fullscreen Filter
A modern Moodle filter plugin that adds fullscreen functionality to images in activity content. This filter enhances the viewing experience by allowing users to expand images to fullscreen mode with a simple click.
Features
- Smart Detection: Automatically detects images in activity content
- Activity-Specific: Only activates within activity contexts (configurable per activity type)
- Configurable: Choose which activity modules should have the filter enabled
- Modern Architecture: Built with Moodle 4.5+ standards using namespaced classes and Mustache templates
- Responsive Design: Works seamlessly across desktop and mobile devices
- Lightweight: Minimal performance impact with efficient image detection
How It Works
The filter scans content for <img> tags and adds a fullscreen icon overlay. Users can:
- View Images: Click the fullscreen icon to expand any image to fullscreen mode
- Navigate: Use keyboard shortcuts or click outside to exit fullscreen
- Zoom: Native browser zooming capabilities in fullscreen mode
Installation
Method 1: Manual Installation
- Download or clone this repository
- Copy the
imagefullscreenfolder to your Moodle's/filter/directory - Visit Site Administration > Notifications to complete the installation
- Go to Site Administration > Plugins > Filters > Manage filters
- Enable "Image Fullscreen Filter" by setting it to "On"
Method 2: Plugin Directory (if available)
- Go to Site Administration > Plugins > Install plugins
- Search for "Image Fullscreen Filter"
- Follow the installation wizard
Configuration
Enable the Filter
- Navigate to Site Administration > Plugins > Filters > Manage filters
- Find "Image Fullscreen Filter" and set it to "On"
- Adjust the order if needed (recommended after "Convert URLs to links")
Activity Settings
- Go to Site Administration > Plugins > Filters > Image Fullscreen Filter
- Select which activity modules should have the filter enabled:
- Book (enabled by default)
- Page
- Lesson
- Forum
- Quiz
- And any other installed activity modules
Technical Details
Requirements
- Moodle: 4.5 or later
- PHP: 8.1 or later (as required by Moodle 4.5)
- Browser: Modern browser with JavaScript enabled
Architecture
- Namespace:
filter_imagefullscreen - Main Class:
\filter_imagefullscreen\text_filter - Templates: Mustache templates in
/templates/directory - Privacy Compliant: Implements null privacy provider
File Structure
filter/imagefullscreen/
"── classes/
│ "── text_filter.php # Main filter logic
│ └── privacy/provider.php # Privacy compliance
"── templates/ # Mustache templates
│ "── fullscreen_icon.mustache # SVG icon template
│ "── image_container.mustache # Standalone image wrapper
│ └── span_image.mustache # Span-wrapped image template
"── amd/ # JavaScript modules
"── lang/ # Language strings
"── db/ # Database definitions
└── styles.css # Custom styles
Performance
- Efficient: Only processes content in activity contexts
- Selective: Applies only to enabled activity types
- Cached: Uses Moodle's template caching system
- Minimal DOM: Adds minimal HTML overhead
Customization
Styling
Override styles by adding CSS to your theme:
.image-fullscreen-container {
/* Custom container styles */
}
.fullscreen-icon {
/* Custom icon styles */
}
Templates
Templates can be overridden in your theme:
- Copy templates to
theme/yourtheme/templates/filter_imagefullscreen/ - Modify as needed while maintaining required context variables
JavaScript
The fullscreen functionality uses AMD modules located in /amd/src/fullscreen.js
Troubleshooting
Filter Not Working
- Ensure the filter is enabled in Manage filters
- Check that you're viewing content within an enabled activity
- Verify JavaScript is enabled in your browser
- Clear Moodle caches: Site Administration > Development > Purge caches
Performance Issues
- Limit the filter to specific activity types
- Check for conflicts with other image-related filters
- Ensure your Moodle version meets requirements
Browser Compatibility
- Chrome/Chromium: Fully supported
- Firefox: Fully supported
- Safari: Fully supported
- Edge: Fully supported
- Mobile browsers: Responsive design supported
Development
Contributing
- Fork the repository
- Create a feature branch
- Follow Moodle coding standards
- Add appropriate tests
- Submit a pull request
Testing
Run Moodle's code checker:
php local/codechecker/run.php filter/imagefullscreen/
License
This plugin is licensed under the GNU General Public License v3 or later.
Support
- Documentation: This README file
- Issues: Report bugs and feature requests via the project repository
- Community: Moodle forums and developer community
Changelog
Version 2025062000
- NEW: Moodle 4.5+ compatibility
- NEW: Namespaced classes and modern architecture
- NEW: Mustache template system
- NEW: Activity-only filtering
- NEW: Configurable activity modules
- IMPROVED: Performance optimizations
- IMPROVED: Code standards compliance
Author: Sandip R radadiyasandip89@gmail.com
Copyright: 2025 Sandip R
License: GPL v3+
1.0.0 (2025062000)
Moodle 4.5, 5.0
Uploaded on Friday, 20 June 2025 at 06:22 (GMT+0)
1.0.0
Plugin type: Filters
Frankenstyle component name: filter_imagefullscreen
Version build number: 2025062000
Version release name: 1.0.0
Maturity: Stable
Supported Moodle versions: 4.5, 5.0
Repository URL (Git): https://github.com/sandiprj/moodle-filter_imagefullscreen
Repository branch:
Repository tag:
Issue/bug tracker URL: https://github.com/sandiprj/moodle-filter_imagefullscreen/issues
Image Fullscreen Filter
A modern Moodle filter plugin that adds fullscreen functionality to images in activity content. This filter enhances the viewing experience by allowing users to expand images to fullscreen mode with a simple click.
Features
- Smart Detection: Automatically detects images in activity content
- Activity-Specific: Only activates within activity contexts (configurable per activity type)
- Configurable: Choose which activity modules should have the filter enabled
- Modern Architecture: Built with Moodle 4.5+ standards using namespaced classes and Mustache templates
- Responsive Design: Works seamlessly across desktop and mobile devices
- Lightweight: Minimal performance impact with efficient image detection
How It Works
The filter scans content for <img> tags and adds a fullscreen icon overlay. Users can:
- View Images: Click the fullscreen icon to expand any image to fullscreen mode
- Navigate: Use keyboard shortcuts or click outside to exit fullscreen
- Zoom: Native browser zooming capabilities in fullscreen mode
Installation
Method 1: Manual Installation
- Download or clone this repository
- Copy the
imagefullscreenfolder to your Moodle's/filter/directory - Visit Site Administration > Notifications to complete the installation
- Go to Site Administration > Plugins > Filters > Manage filters
- Enable "Image Fullscreen Filter" by setting it to "On"
Method 2: Plugin Directory (if available)
- Go to Site Administration > Plugins > Install plugins
- Search for "Image Fullscreen Filter"
- Follow the installation wizard
Configuration
Enable the Filter
- Navigate to Site Administration > Plugins > Filters > Manage filters
- Find "Image Fullscreen Filter" and set it to "On"
- Adjust the order if needed (recommended after "Convert URLs to links")
Activity Settings
- Go to Site Administration > Plugins > Filters > Image Fullscreen Filter
- Select which activity modules should have the filter enabled:
- Book (enabled by default)
- Page
- Lesson
- Forum
- Quiz
- And any other installed activity modules
Technical Details
Requirements
- Moodle: 4.5 or later
- PHP: 8.1 or later (as required by Moodle 4.5)
- Browser: Modern browser with JavaScript enabled
Architecture
- Namespace:
filter_imagefullscreen - Main Class:
\filter_imagefullscreen\text_filter - Templates: Mustache templates in
/templates/directory - Privacy Compliant: Implements null privacy provider
File Structure
filter/imagefullscreen/
"── classes/
│ "── text_filter.php # Main filter logic
│ └── privacy/provider.php # Privacy compliance
"── templates/ # Mustache templates
│ "── fullscreen_icon.mustache # SVG icon template
│ "── image_container.mustache # Standalone image wrapper
│ └── span_image.mustache # Span-wrapped image template
"── amd/ # JavaScript modules
"── lang/ # Language strings
"── db/ # Database definitions
└── styles.css # Custom styles
Performance
- Efficient: Only processes content in activity contexts
- Selective: Applies only to enabled activity types
- Cached: Uses Moodle's template caching system
- Minimal DOM: Adds minimal HTML overhead
Customization
Styling
Override styles by adding CSS to your theme:
.image-fullscreen-container {
/* Custom container styles */
}
.fullscreen-icon {
/* Custom icon styles */
}
Templates
Templates can be overridden in your theme:
- Copy templates to
theme/yourtheme/templates/filter_imagefullscreen/ - Modify as needed while maintaining required context variables
JavaScript
The fullscreen functionality uses AMD modules located in /amd/src/fullscreen.js
Troubleshooting
Filter Not Working
- Ensure the filter is enabled in Manage filters
- Check that you're viewing content within an enabled activity
- Verify JavaScript is enabled in your browser
- Clear Moodle caches: Site Administration > Development > Purge caches
Performance Issues
- Limit the filter to specific activity types
- Check for conflicts with other image-related filters
- Ensure your Moodle version meets requirements
Browser Compatibility
- Chrome/Chromium: Fully supported
- Firefox: Fully supported
- Safari: Fully supported
- Edge: Fully supported
- Mobile browsers: Responsive design supported
Development
Contributing
- Fork the repository
- Create a feature branch
- Follow Moodle coding standards
- Add appropriate tests
- Submit a pull request
Testing
Run Moodle's code checker:
php local/codechecker/run.php filter/imagefullscreen/
License
This plugin is licensed under the GNU General Public License v3 or later.
Support
- Documentation: This README file
- Issues: Report bugs and feature requests via the project repository
- Community: Moodle forums and developer community
Changelog
Version 2025062000
- NEW: Moodle 4.5+ compatibility
- NEW: Namespaced classes and modern architecture
- NEW: Mustache template system
- NEW: Activity-only filtering
- NEW: Configurable activity modules
- IMPROVED: Performance optimizations
- IMPROVED: Code standards compliance
Author: Sandip R radadiyasandip89@gmail.com
Copyright: 2025 Sandip R
License: GPL v3+