ट्विग टेम्पलेट और ट्विटर-बूटस्ट्रैप

Question

के साथ मोडल विंडो कैसे बनाएं मैं अपनी वेबसाइट की शैली को अनुकूलित करने के लिए सिम्फनी और बूस्टर का उपयोग करता हूं। मेरे पास एक ट्विग फ़ाइल है: register_content.html.twig जिसमें एक रजिस्टर फॉर्म है।

मेरी index.html.twig में मैं ऐसा ही कुछ करना चाहते हैं:

<a href="{{ path('fos_user_registration_register') }}" class="btn" data-toggle="modal">Je m'inscris !</a> 

मोडल विंडो रजिस्टर प्रपत्र की सामग्री को प्रदर्शित करने के लिए है, लेकिन यह काम नहीं करता।

मैं यहाँ चहचहाना-बूटस्ट्रैप प्रलेखन उपयोग करने का प्रयास: http://bootstrap.braincrafted.com/javascript#modals

लेकिन मैं सिम्फोनी में टहनी के लिए आसानी से इसे लागू करने के लिए एक तरह से नहीं मिल सकता है ...

आप मेरी मदद कर सकते हैं?

धन्यवाद

Answer 1

आपकी समस्या पूरी तरह से सिम्फोनी या टहनी से संबंधित नहीं है। काम करने के लिए आप डेटा-विशेषताओं अनुपलब्ध हैं!

आप यह कर सकते निम्न तरीकों:

1. एक मॉडल बॉक्स में अपना index.html अंदर रजिस्टर प्रपत्र एकीकृत और एक स्थिर मोडल बॉक्स के लिए बूटस्ट्रैप उदाहरण का पालन करना:

   <button type="button" data-toggle="modal" data-target="#myModal">I register !</button> 
   
   <div id="myModal" class="modal hide fade"> 
       <!-- register form here --> 
   </div> 
   

2. आप AJAX के माध्यम से पंजीकरण फॉर्म के लिए सामग्री भी लोड कर सकता है। इस मामले में, क्रियार्थ द्योतक के लिए दूरदराज के विकल्प दिखाई:,

   <a data-toggle="modal" href="{{ path('fos_user_registration_register') }}" data-target="#myModal">click me</a> 
   
   <div id="myModal"></div> 
   

   बस किसी भी लेआउट जब एक ajax अनुरोध यूआरएल के खिलाफ किया जाता है नहीं भेजना सुनिश्चित क्योंकि अन्यथा आप अपने div के अंदर एक पूर्ण html पृष्ठ होगा, जो न तो वैध है (एचटीएमएल पेज एचटीएमएल पेज के अंदर) और न ही एक अच्छा विचार है।