2014-10-12 7 views
11

मुझे सप्ताह के मोड में कैलेंडर होना चाहिए जो सभी चौड़ाई ले सकता है और स्क्रॉलबार नहीं होने की सभी ऊंचाई ले लेता है।सप्ताहांत में पूर्ण कैलेंडर ऑटो-ऊंचाई

अगर मैं डिफ़ॉल्ट सेटिंग्स height: auto, aspectRation: 1.35 रखने के लिए, मैं एक ऊर्ध्वाधर स्क्रॉलबार देखें: अगर मैं aspectRatio 1 के लिए बदल enter image description here

, स्क्रॉलबार गायब हो जाता है, लेकिन मैं नीचे एक बेकार खाली क्षेत्र देखें:

enter image description here

पहलू को अनुमानित करने के अलावा इसे ठीक करने का कोई तरीका है (जो कि मेरे लिए मामला नहीं है क्योंकि मिनीटाइम और अधिकतम समय गतिशील रूप से बदल गया है, इसलिए शंकु की ऊंचाई में परिवर्तन होता है)?

+0

आप शायद सीएसएस बदलने का प्रयास कर सकता है? http://stackoverflow.com/questions/10398069/resizing-a-div-to-fit-content-with-maximum-height –

+0

आप पूर्णकेंडर का किस संस्करण का उपयोग कर रहे हैं? – MarCrazyness

+0

@MarCrazyness, FullCalendar v2.1.1 – SiberianGuy

उत्तर

21

संपादित करें:

Fullcalendar v2.1.1 पुराने संस्करणों के लिए

http://jsfiddle.net/3E8nk/560/

contentHeight: 'auto', 

समाधान?

हैक की तरह: आईएसएच। क्या यह आपके पर्यावरण में काम करता है? मैंने आपके अन्य प्रश्न से कोड का इस्तेमाल किया।

http://jsfiddle.net/3E8nk/558/

contentHeight: '9999', 
+0

ने कोशिश की। दुर्भाग्यवश यह v2.1.1 के लिए काम नहीं करता है। यहां आप अद्यतन बाहरी संसाधनों के साथ jsfiddle: http://jsfiddle.net/3E8nk/559/ – SiberianGuy

+0

@Idsa धन्यवाद, मुझे एहसास नहीं हुआ। मुझे एक समाधान मिला जो कम हैक था: आईएसएच भी नए पूर्ण कैलेंडर संस्करण के लिए :) –

+0

बहुत बहुत धन्यवाद! यह भ्रमित है कि यह एक डिफ़ॉल्ट विकल्प नहीं है। मुझे दस्तावेज़ीकरण पर अधिक ध्यान देना चाहिए था ... – SiberianGuy

8

पहलू अनुपात का गतिशील रूप से समायोजित करना ऊंचाई बजाय मेरे लिए काम किया:

एक चर करने के लिए कैलेंडर Asigning जब की शुरुआत:

calendar = $('#calendar').fullCalendar({ 
    height: $(window).height()*0.83, 
    ... 
}); 

और फिर गतिशील रूप से ऊंचाई समायोजित करें (इसे जांचने के बाद कैलेंडर आदेश प्रारंभिक त्रुटि संदेश से बचने के लिए पहले से मौजूद है):

if(calendar) { 
    $(window).resize(function() { 
    var calHeight = $(window).height()*0.83; 
    $('#calendar').fullCalendar('option', 'height', calHeight); 
    }); 
}; 

कारक *0.83 अपने पेज डिजाइन पर निर्भर करता है।

उम्मीद है कि इससे मदद मिलती है। Adam Shaw's fullcalendar at 100% height and scrollbars

Day view, spanish (as fullcalendar is multilingual - lol

+0

के कारण यह डिफ़ॉल्ट नहीं है यह मेरे लिए –

+0

0 काम कर रहा है।635 के रूप में कारक मेरे लिए सही काम किया –

संबंधित मुद्दे