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

Я использую Symfony и boostrap для настройки стиля моего сайта. У меня есть файл twig : register_content.формат html.веточка, которая содержит регистрационную форму.

в моем индексе.формат html.прутик я хочу иметь что-то вроде этого : 

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

для отображения содержимого формы регистра в модальном окне, но это не работает.

Я пытаюсь использовать документацию twitter-bootstrap здесь : http://bootstrap.braincrafted.com/javascript#modals

но я не могу найти способ легко применить его для twig в symfony...

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

спасибо

8
fosuserbundle modal-dialog twitter-bootstrap

1 ответов

ваша проблема совершенно не связана с symfony или twig. Ты пропал data-attributes для модального работать!

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

  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 выполняется против url, потому что в противном случае у вас будет полная html-страница внутри вашего div, которая не является ни действительной (html-страница внутри html-страницы), ни хорошей идеей.

10