2010-02-09 16 views
8

Ich benutze jQuery fullcalendar in meiner Anwendung. Ich möchte den Kalender nur auf der rechten Seite meines Bildschirms anzeigen, aber nicht sicher, wie die Größe des Kalenders reduziert werden kann. Gerade jetzt ist die Anzeige in der Vollbild-jQuery fullcalendar - wie man die Größe des Kalenders reduziert

+0

diese Antwort Siehe: http://stackoverflow.com/questions/5372328/tiny-version-of-fullcalendar/5372990#5372990 – Mottie

Antwort

16

Just-Stick in einem div mit einer bestimmten Breite als pro-Homepage für fullcalendar

<div id='container'> 
... 
<div id='calendar'></div> 
... 
</div> 

mit css

#container { 
    width: 810px; 
} 
1

das Seitenverhältnis reduzieren der vollständige Kalender

0

In meiner Anwendung Seitenleiste, ich einfach so verwendet.

Ihre Html

<div id='calendar'></div>

Sie können css so schreiben.

#calendar 
{ 
    width: 400px; 
} 

ändern Sie die Breite im Pixelbereich, wie viel Sie benötigen. Ich benutze auch so. Es funktioniert perfekt.

0

Versuchen

<div id='calendar' style="width:95%"></div> 
+1

Vielen Dank für eine Antwort auf dieses Posting Frage! Diese Antwort ist jedoch sehr kurz und bietet wenig Kontext. Bitte erläutern Sie einige der Gründe dahinter, und es wird viel nützlicher für die Fragesteller und zukünftige Leser werden. Vielen Dank! –

0

Sie einen div Container Breite und Höhe steuern können.

können Sie nur die heigh des Kalenders steuern, indem das Hinzufügen

> $('#calendar').fullCalendar({ 
>  height: 650 
> });