फ्रेमवर्क 7 - साइड पैनल्स

विवरण

साइड पैनल स्क्रीन के बाईं या दाईं ओर करने के लिए ले जाता है सामग्री प्रदर्शित करने के। फ्रेमवर्क 7 आपको अपने ऐप में 2 पैनल (राइट साइड पैनल और लेफ्ट साइड पैनल) तक शामिल करने की अनुमति देता है। आपको <body> की शुरुआत में पैनल जोड़ने की जरूरत है और फिर निम्नलिखित सूचीबद्ध कक्षाओं को लागू करके प्रारंभिक प्रभाव चुनें -

panel-reveal - इससे पूरे ऐप का कंटेंट आउट हो जाएगा।
panel-cover - इससे ऐप के कंटेंट पर पैनल ओवरले हो जाएगा।

उदाहरण के लिए, निम्न कोड दिखाता है कि उपरोक्त वर्गों का उपयोग कैसे किया जाता है -

<body>
   <!-- First add Panel's overlay which will overlays app while panel is opened -->
   <div class = "panel-overlay"></div>
 
   <!-- Left panel -->
   <div class = "panel panel-left panel-cover">
      panel's content
   </div>
 
   <!-- Right panel -->
   <div class = "panel panel-right panel-reveal">
      panel's content
   </div>
 
</body>

निम्न तालिका चौखटे 77 द्वारा समर्थित पैनल प्रकारों को दिखाती है -

S.No	टाइप और विवरण
1	पैनलों को खोलें और बंद करें एक बार जब आप पैनल और प्रभाव जोड़ते हैं, तो हमें पैनलों को खोलने और बंद करने के लिए कार्यक्षमता जोड़ने की आवश्यकता होती है ।
2	पैनल इवेंट यह पता लगाने के लिए कि उपयोगकर्ता पैनल के साथ कैसे इंटरैक्ट करता है, आप पैनल इवेंट का उपयोग कर सकते हैं।
3	स्वाइप के साथ पैनल्स खोलें फ्रेमवर्क 7 आपको स्वाइप जेस्चर के साथ पैनल खोलने की सुविधा प्रदान करता है ।
4	पैनल खोला है? हम यह निर्धारित कर सकते हैं कि पैनल का उपयोग करके खोला गया है या नहीं with-panel[position]-[effect] राज करते हैं।