JQueryTools - Fancybox options

[father1ePS]

I have added fancybox to my calendar template in the CGCalendar module. I have the fancybox iframe coming up when I click a link for an event in the calendar display. However I have not been able to set options for the fancybox such as width and heigth.

Here is the snippet from the template that creates the event detail link in the calendar.

Code: Select all

{foreach from=$day.events item=event}

<li>{literal}<a class="fancybox fancybox.iframe {autosize:off, width:500, height:360}" {/literal} href="{$event.url}&showtemplate=false">{$event.event_title}</a></li>

{/foreach}

Can someonetell me how these options can be configured?

Thanks,
Paul

[Kumquats]

You have to configure them when you call Fancybox in the java-script. It doesn't belong to the CSS.

Code: Select all

jQuery(document).ready(function() {
	$.fancybox(
		
		{
        		'autosize'	: 'off',
			'width'         		: 500,
			'height'        		: '360'
			
		}
	);
});