Как создать модальное окно с шаблоном Twig и Twitter-Bootstrap

Question

Я использую Symfony и boostrap для настройки стиля моего сайта. У меня есть файл twig: 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

Но я не могу найти способ, чтобы применить его легко для прута в Symfony ...

Не могли бы вы мне помочь?

Благодаря

Answer 1

Ваша проблема никак не связана с Symfony или веточку. Вам не хватает данных-атрибутов для обмена модами!

Вы можете сделать это одним из следующих способов:

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. You также может загружать контент для регистрационной формы через ajax. В этом случае см удаленный вариант для модальностей:

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

   Просто убедитесь, чтобы не отправлять любой макет, когда запрос Ajax выполняется против URL, потому что в противном случае вы будете иметь полный HTML-страницы внутри DIV, который не является ни действительным (html-страница внутри html-страницы), ни хорошей идеей.