Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 2223 Просмотров
*

vovchikku

  • Захожу иногда
  • 407
  • 1 / 0
как сделать чтобы форма выводилась в отдельном всплывающем окне (модульном окне)... это вообще реально с хроноформс?

спасибо
*

ivan.andreyev

  • Новичок
  • 3
  • 0 / 0
Код
<div class="orde_f">
<a  class="btn" href = "javascript:void(0)" onclick = "document.getElementById('contact_form').style.display='block';document.getElementById('fade').style.display='block'">ПОЛУЧИТЬ БЕСПЛАТНУЮ КОНСУЛЬТАЦИЮ</a>
</div>

<div id="fade" class="black-overlay"></div>
<div  id="contact_form">
<div class="formcont">
   <a class="close-btn" href="javascript:void(0)" onclick = "document.getElementById('contact_form').style.display='none';document.getElementById('fade').style.display='none'">Закрыть</a>
{chronoforms5}demo-basic-contact{/chronoforms5}
</div>
</div>

Вот что-то вроде этого в модуле HTML-код в футер размещаешь и включаешь обработку модуля плагинами.

Стили:
Код
.black-overlay, .black-overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
/* background-color: black; */
background-color:#fff;
z-index:1001;
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);


-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#contact_form .formcont{
display:block !important;
}
 #contact_form{
float: left;
position: fixed;
top: 0%;
left: 30%;
z-index: 99999;
/* -webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
border-radius:10px; */
/* padding:30px; */
display:none;
}


/* формируем кнопку закрытия */
.close-btn {
width: 31px;
height: 31px;
display: block;
/* cursor: pointer; *//* для случая применения отличных от <a> тегов */
background: url(../images/close-button-3.png);
background-size: 100%;
/* background: #fff; */
text-indent: -4999px;
margin-top: -88px;
margin-left: 320px;
position: absolute;
}
*

Hot_Gomer

  • Захожу иногда
  • 296
  • 12 / 0
  • sudo su
Код
<a class="modal" href="index.php?option=com_chronoforms5&amp;chronoform=название-формы&amp;tmpl=component" rel="{handler: 'iframe', size: {x: 760, y: 250}}">Заказать</a></p>
где  class="modal" - вызывает стандартное модальное окно, а параметром size мы указываем его размеры, например {x: 760, y: 250}
Joomla, Drupal, Ruby on Rails -
что может быть лучше?)
*

haz

  • Новичок
  • 2
  • 0 / 0
<a class="modal" href="index.php?option=com_chronoforms5&amp;chronoform=название-формы&amp;tmpl=component" rel="{handler: 'iframe', size: {x: 760, y: 250}}">Заказать</a></p>
и появляется такое:
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как выводиться форма в модуле? ChronoForms 7?

Автор Alex_iPod

Ответов: 3
Просмотров: 2944
Последний ответ 26.04.2022, 06:19:06
от marksetter
Как вывести форму во всплывающем окне?

Автор sergspb

Ответов: 0
Просмотров: 2709
Последний ответ 20.12.2021, 14:48:30
от sergspb
Как в ChronoForms сделать изменение формы в зависимости от выбора?

Автор sashka17

Ответов: 0
Просмотров: 2949
Последний ответ 08.02.2021, 09:33:52
от sashka17
Как сделать названия полей внутри поля?

Автор nick71

Ответов: 11
Просмотров: 2596
Последний ответ 21.10.2017, 17:54:44
от andreytver
ChronoForms 5 на одной странице стоят 2 формы с включенным AJAX. Вторая форма не работает

Автор Shad-777

Ответов: 1
Просмотров: 2534
Последний ответ 02.12.2016, 01:22:04
от bob chipeska