Open colorbox to 90% of user's browser screen height [#1215380]

Comment	File	Size	Author
#11	colorbox-settings.png	19.72 KB	paskainos

Comment #1

rolandk CreditAttribution: rolandk commented 11 July 2011 at 17:28

Hi,

Just to clarify further - how can I open a colorbox to 90% of a users browser screen height with elastic transition please.

Thank you

Log in or register to post comments

Comment #2

frjo CreditAttribution: frjo commented 12 July 2011 at 00:33

Use "maxWidth" and "maxHeight". With Colorbox load you can set them with url queries. For standard Colorbox there are setting in the Colorbox configuration page.

Log in or register to post comments

Comment #3

rolandk CreditAttribution: rolandk commented 12 July 2011 at 19:55

I am not sure where to find the colorbox config page - it was not in the drupal mod. Also the readme file did not have seem to have code samples.

Please can you post a sample for the above ?

The only samples I have found is http://colorpowered.com/colorbox/core/example1/index.html and I am not sure how to make this work for drupal.

Do you have a complete set of coding samples that shows how to call Colorbox for urls, html, videos, flash as well as other options ?

Thanks

Log in or register to post comments

Comment #4

frjo CreditAttribution: frjo commented 12 July 2011 at 23:44

Colorbox configurations is at "admin/config/media/colorbox". Just click "Configuration" and then you find the Colorbox link in the media section.

Log in or register to post comments

Comment #5

rolandk CreditAttribution: rolandk commented 13 July 2011 at 03:42

Thanks, I was able to set the default colorbox to 90% at "admin/config/media/colorbox".

The call to open a url or in colorbox overrides the defaults...

<a class="colorbox-load" href="http://www.youtube.com/embed/ZvctkhQES-c?width=640&amp;height=390&amp;iframe=true" title="Youtube">Open video</a>

How do I correctly format the above call so that the default set colorbox 90% height fires properly ?

Log in or register to post comments

Comment #6

frjo CreditAttribution: frjo commented 13 July 2011 at 05:41

I believe I misread your question. You don't want to limit the size, you want to force it to 90%.

If that is the case it's the standard width and height you should use.

<a class="colorbox-load" href="http://www.youtube.com/embed/ZvctkhQES-c?width=90%25&height=90%25&iframe=true" title="Youtube">Open video</a>

You need to urlencode the % sign so it becomes "%25" like in the example above.

The "maxWidth" and "maxHeight" is to limit the Colorbox to the specified values.

Log in or register to post comments

Comment #7

rolandk CreditAttribution: rolandk commented 13 July 2011 at 11:44

Thanks so much - I would never have figured out the urlencoding:

width=90%25&height=90%25

I really think fans of colorbox would love a simple code samples readme to show how to open urls, html, youtube, flash, vimeo in colorbox witn different options like transitions, title, etc.

Thanks for the user support on colorbox.

Log in or register to post comments

Comment #8

viny-1 CreditAttribution: viny-1 commented 15 July 2011 at 15:33

Hi,

I have no CSS background at all (I know I will have to fix that soon), could you tell me what file I need to update in order to have this link automatically added for my node link: Open video.

Thanks a lot.

Log in or register to post comments

Comment #9

lsolesen CreditAttribution: lsolesen commented 24 June 2012 at 11:23

Status:

Active

» Fixed

@rolandk Could you supply some documentation for the issues you mention. That would help out the maintainers immensely.

Log in or register to post comments

Comment #10

8 July 2012 at 11:31

Status:

Fixed

» Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Log in or register to post comments

Comment #11

paskainos CreditAttribution: paskainos commented 10 November 2012 at 05:50

File	Size
colorbox-settings.png	19.72 KB

If I understand the question correctly, the answer is quite simple - and already built in to the Colorbox module UI. On the Colorbox plugin settings page (admin/config/media/colorbox) under 'Styles and options' » 'Options' select the 'Custom' radio button which will reveal several customizable options, including Max width and Max height. See the attached image for visual reference.