Come creare una finestra modale con il modello Twig e Twitter-Bootstrap

Question

Uso Symfony e boostrap per personalizzare lo stile del mio sito web. Ho un file di ramoscello: register_content.html.twig che contiene un modulo di registrazione.

Nel mio index.html.twig voglio avere qualcosa di simile:

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

Per visualizzare il contenuto del modulo di registrazione in una finestra modale, ma non funziona.

cerco di usare la documentazione twitter-bootstrap qui: http://bootstrap.braincrafted.com/javascript#modals

ma non riesco a trovare un modo per applicare facilmente per ramoscello in symfony ...

Potrebbe aiutarmi?

Grazie

Answer 1

il problema è totalmente estranei a symfony o ramoscello. Mancano dati-attributi per il modale per funzionare!

Si può fare le seguenti modalità:

1. Integrare il modulo di registrazione all'interno del vostro index.html in un dialogo modale e seguendo l'esempio di bootstrap per un dialogo modale statica:

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

2. È potrebbe anche caricare il contenuto per il modulo di registrazione tramite ajax. In questo caso, vedere l'opzione remota per modali:

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

   Basta fare in modo di non inviare alcun layout quando una richiesta AJAX viene eseguita contro l'url, perché altrimenti avrete una pagina completa html all'interno del div, che non è né valido (html-page all'interno di html-page) né una buona idea.