पूर्ण कैलकुलेटर पंक्ति की निश्चित ऊंचाई

Question

मैं पूर्ण कैलकुलेटर में पंक्ति की निश्चित ऊंचाई कैसे निर्धारित करूं? यदि बहुत अधिक घटनाएं हैं, तो मैं ऊर्ध्वाधर स्क्रॉलबार चाहता हूं।

$('#calendar').fullCalendar('option', 'contentHeight', 50); 

Answer 1

यदि आप प्रत्येक बार स्लॉट पंक्तियों की ऊंचाई बदलना चाहते हैं, तो आप सीएसएस कक्षा को ओवरराइड कर सकते हैं।

.fc-agenda-slots td div { 
    height: 40px !important; 
} 

यदि आपका मतलब कुछ और है, तो कृपया हमें बताएं।

सामग्री हाइट का उपयोग केवल कैलेंडर की ऊंचाई की गणना करने के लिए किया जाता है।

Answer 2

मेरी स्क्रिप्ट में मैं पंक्तियों को छोटा बनाना चाहता था, लेकिन आप उन्हें एक बड़ा कोड बनाने के लिए उपयोग कर सकते हैं। पंक्तियों को छोटा करते समय, मुझे सेल में घंटे संकेत फिट करने के लिए पहले कॉलम के प्रत्येक 4 कोशिकाओं (15 मिनट ग्रैन्युलरिटी में काम करते समय) को मर्ज करना पड़ता था। कोशिकाओं को मर्ज करने के लिए निम्न कोड का उपयोग करें:

$(function(){ 
    // Merge first column, each 4 rows to display time in larger format 
    $('table.fc-agenda-slots tbody tr:not(.fc-minor)').each(function(){ 
     $(this).find("th:first-child").css("font-size", "12px").attr('rowSpan',4); // 
     $(this).nextUntil("tr:not(.fc-minor)","tr.fc-minor").find("th:first-child").remove(); 
    }); 
}) 

फिर, सही पंक्ति ऊंचाई लागू करने के लिए सीएसएस का उपयोग करें। ध्यान दें कि मैंने लाइन-ऊंचाई स्टाइल जोड़ा है, जिसे मुझे बूटस्ट्रैप के साथ संगतता के लिए जरूरी है। मैंने यह भी सुनिश्चित किया कि कैलेंडर के बाहर खींचते समय, डिफ़ॉल्ट चयन व्यवहार लागू नहीं होता है।

 body { 
      -moz-user-select: none; 
      -khtml-user-select: none; 
      -webkit-user-select: none; 
      user-select: none;    
     } 

     .fc-agenda-slots td div { 
      height: 6px; 
      line-height: 6px; 
     } 
     .fc-agenda-axis { 
      font-size:1px; 
      line-height: 1px; 
     } 

Answer 3

मेरे लिए केवल इस

.fc-agendaWeek-view tr { 
    height: 40px; 
} 

.fc-agendaDay-view tr { 
    height: 40px; 
}