Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.This project is not covered by Drupal’s security advisory policy.
This module is unsupported due to a security issue the maintainer didn’t fix. See Breakpoint Panels - Critical - Unsupported - SA-CONTRIB-2017-028 for details.
If you want to use this module, your options are:
- Choose another, actively maintained module instead
- File an issue in the queue with a patch to fix the module and then contact the security team to have your version reviewed and the project handed over to you following the unsupported project process.
- Hire someone to fix the security bug so the module can be re-published (see this guide on how to hire a Drupal site developer)
Requirements:
Breakpoints module
Panels module
Libraries module
enquire.js JavaScript library
matchMedia.js JavaScript polyfill library
Font Awesome font-face for 'toggle responsive' button icon.
This module adds a button to the Panels In-Place Editor for each pane. When selected, it will display checkboxes next to all of the breakpoints specified in that modules UI. Unchecking any of these will 'hide' it from that breakpoint.
This module allows for each pane in a panel page to be displayed or not for any given breakpoint. This allows for breakpoint specific content.
This module has three settings of its own:
- Load Hidden: This option allows you to specify if the 'hidden' content should be loaded, but hidden via css. If not, the data will not be sent to the browser. Production sites should turn this off.
- Load Hidden for Admins: This option allows you to load 'hidden' content and hide it via css. It will only load the data for users with the 'administer breakpoints' permission. This option is recommended for use with the Panels In-Place Editor
- Auto Reload: This option will reload the page if it's resized past a breakpoint. Annoying for real users, but useful for administrators
Panels In-Place Editor (IPE) features:
- By default (if hidden content is being loaded), the IPE will show all panels with labels on each panel designating which breakpoints it will be hidden in.
- A 'Toggle Responsive' button is added to the IPE toolbar. When clicked, it will hide all panels that would normally be hidden.
Roadmap:
Given more time, I'd like to make the JS libraries a soft requirement that would simply remove features if they aren't available.
Sponsored by Metal Toad Media
Special thanks to theduke. His Context Breakpoint module provided the basis for the breakpoints integration.
Project information
10 sites report using this module- Created by danlinn on , updated
This project is not covered by the security advisory policy.
Use at your own risk! It may have publicly disclosed vulnerabilities.
