Помощь ChronoForms V5 - форма во всплывающем окне (popup)

[spro1]

Доброго времени суток всем!

Дорогие друзья, понимаю, что тема избитая, но по-прежнему актуальная.

Используется шаблон на основе t3-framework

Задача сделать кнопку, по нажатию на которую будет открываться popup окно с формой. Поиски решения к нужному результату не привели, для бутстрапа есть решение, но оно не работает в IE

Возможно есть какой-то плагин или другое расширение для этого. В общем прошу поделиться опытом и предлагаю собрать в теме рабочие способы реализации.

Вот решение для бутстрапа, но повторюсь, у меня оно почему-то не работает в проклятом IE:

<p><a class="btn btn-lg btn-info" data-toggle="modal" data-target="#myModal" style="float:left;"><span class="glyphicon glyphicon-ok"></span> Отправить заявку на вызов замерщика</a></p>
<div id="myModal" class="modal fade" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">x</button>
                <h4 class="modal-title">Отправить заявку на вызов замерщика</h4>
            </div>
            <div class="modal-body">
                <iframe src="/index.php?option=com_chronoforms5&chronoform=contact-form&ml=1&tmpl=component" width="100%" height="420px" frameborder="0">
                </iframe>
            </div>
        </div>
    </div>
</div>

 

[deedjey]

Чтобы IE понимал html5 надо подключать Для просмотра ссылки Войди или Зарегистрируйся

 

[Lawer]

Работает на t3 framework и IE

Для реализации надо 2 формы - первая форма по вашим нуждам, вторая форма только с кнопкой
Во второй форме находится блок типа Custom с таким кодом

<?php
JHtml::_('behavior.modal');
$jdoc = \JFactory::getDocument();
$style = "
#modal_a {
  display: inline;
  position: relative;
}";
$jdoc->addStyleDeclaration($style);
?>
<div><a class="modal" id='modal_a' href="index.php?option=com_chronoforms5&chronoform=НАЗВАНИЕ_ФОРМЫ&tmpl=component" rel="{handler: 'iframe', size: {x: 600, y: 450}}" >Текст кнопки</a></div>

В класе ссылки дописать класы кнопки btn...