Gives the user the ability to display ANY page inside a colorbox modal without the header and footer. Those pages include:
- Node Pages
- User Pages
- Views Pages
- Webforms (requires Webform Ajax Module)
- Integration with Views
- Integration with Context
- Integration with Panels
All forms will need to be AJAX to handle error validation and other functionality to work correctly inside a modal box. This includes webforms, login forms, registration forms, node/user edit forms... etc. To make your forms AJAX please see https://www.drupal.org/node/752056. There are modules to help in this effort, such as Webform Ajax for webforms listed above.
Patch now in DEV
How to Use
Uses the built in AJAX Framework and menu callback functions. You can display any page now, not just nodes.
When you create your links manually, you will need to add the class "colorbox-node" to the link. That is the only class required and the module will handle the colorbox loading internally. Your link can look like any of these:
<a class="colorbox-node" href="blogs/my-example?width=600&height=600">My Example</a> <a class="colorbox-node" href="blogs/my-example" data-href="blogs/my-example?width=600&height=600">My Example</a> <a class="colorbox-node" href="blogs/my-example" data-inner-width="600" data-inner-height="600">My Example</a>
It doesn't matter what path you pass it, as long as that path exists. Internally the module will fetch and execute the callback function that renders the content. It will then take that content and display it inside a colorbox modal.
UPDATE: In the latest DEV version, you will need to add the class "colorbox-node-gallery" along with the rel attribute to create the gallery display.
You can use the rel attribute to create galleries of content from a single page. Just add the rel attribute like so:
<a class="colorbox-node colorbox-node-gallery" href="blogs/my-example?width=600&height=600" rel="gallery">My Example</a>
There is integration from within views that extends the option "Link this field to the original piece of content". There is options to turn that link into a colorbox link automatically and provide the width and height as well.
There is integration with the Context Module to allow you to add regions inside a colorbox window without the header and footer. This is still experimental (but works) so let me know if you have any improvements. To turn this on, you will need the Context Module and turn on the setting under the admin/config/media/colorbox settings page.
- Use colorbox integration as a selection rule for your variants.
- Use colorbox integration as a visiblity rule for your panes (you dont have to change the complete variant)
Howto Visibility Rule:
- visit your Panel "Content" tab.
- under Visibility rules for a pane select "add new rule".
- check "Colorbox Node", click next.
If you want to show the pane just click save and you are done.
If you want to hide the pane in mobile check the "Reverse (NOT)" checkbox and save.
Entity Reference Integration
This module can alter the display formatter for an Entity to open in a colorbox modal. You will need the Field Formatter settings Module to have these options available.
- Maintenance status: Actively maintained
- Development status: Under active development
- Module categories: Content Display, Theme Enhancements
- Reported installs: 29,670 sites currently report using this module. View usage statistics.
- Downloads: 111,515
- Last modified: July 6, 2016
- Stable releases are covered by the security advisory policy.
Look for the shield icon below.