[SOLVED][Drupal Colorbox] How to open Colorbox to 90% of user's browser screen height

| | 1 min read

A few Drupal users wanted to know how to open Colorbox to 90% of user's browser screen height. If you are facing the same issue with Colorbox in your Drupal site then check out the complete solution below.

For setting the standard size of Colorbox, follow the steps below.

  • Go to the Colorbox configurations page at "admin/config/media/colorbox".
  • Next click "Configuration" and there you will find the Colorbox link in the media section.
  • From there set the maximum height and maximum width of the Colorbox to your desired settings.
  • If you want to limit the size of the Colorbox via url then check the sample url link below
    <a class="colorbox-load" href="http://www.youlink.com/embed/Zadfdq-c?width=90%25&height=90%25&iframe=true" title="YouLink">Open Link</a>
  • Just take care to urlencode the % sign so it becomes "%25" as show in the sample url
  • The "maxWidth" and "maxHeight" is to limit the Colorbox to the specified values.

Hope that helps.

The easiest way to solve a Drupal issue is to hand it to the Drupal experts. We can provide a wide range of Drupal services to help you maintain and manage your Drupal websites. Get in touch with us to know more.