1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Стилизация и настройки модального окна

Главные вкладки

Аватар пользователя zharkov1007 zharkov1007 22 мая 2018 в 7:32

Здравствуйте , форумчане. Вопрос в следующем:
Есть форма ( модальное окно, по типу живосайта итд) открывается по кнопке
1) где ее шаблон? или параметры которые в стилях пишутся (style="")
2) Как к ней добавить класс , хочу под стиль сайта ее подогнать

Фото самого модального окна прикрепил

PS есть еще одна такая форма на сайте (делал не я) ,но она просто висит на странице красивенькая и все у нее хорошо. как сделано я не понял (screenshot2)

ВложениеРазмер
Иконка изображения модальное которое хочу стилизовать32.81 КБ
Иконка изображения форма которая уже есть30.7 КБ

Лучший ответ

Аватар пользователя sas@drupal.org sas@drupal.org 22 мая 2018 в 9:18
1

Вообще это параметры jquery ui dialog и можно передать https://jqueryui.com/dialog/

Свое окно можно с классом создать например так

...

   $options = [
      'dialogClass' => 'popup-dialog-class',
      'width' => 'auto',
      'height' => 'auto',
    ];
    $response = new AjaxResponse();
    $response->addCommand(new OpenModalDialogCommand(t('Modal title'), $html, $options));

    return $response;
...

Комментарии

Аватар пользователя ivnish ivnish 22 мая 2018 в 8:26

2) Как к ней добавить класс , хочу под стиль сайта ее подогнать

Пишите нужные CSS-стили в файле style.css темы оформления

А вообще, судя по формулировке вопроса вам нужно сначала изучить основы CSS

Аватар пользователя zharkov1007 zharkov1007 22 мая 2018 в 8:29

Да нет с CSS все нормально, просто не хочу что-бы кто-то после меня создал форму такую-же, а у него мои стили, они как всегда поправятся и моя форма поедет. Это не правильно. Класс добавить для стилизации данного окна. А вообще похоже на отписку, без информативности.

Аватар пользователя ivnish ivnish 22 мая 2018 в 9:08

а у него мои стили, они как всегда поправятся и моя форма поедет

Если у формы есть уникальный ID, то это исключено. Я могу только гадать не видя кода формы

Аватар пользователя sas@drupal.org sas@drupal.org 22 мая 2018 в 9:18
1

Вообще это параметры jquery ui dialog и можно передать https://jqueryui.com/dialog/

Свое окно можно с классом создать например так

...

   $options = [
      'dialogClass' => 'popup-dialog-class',
      'width' => 'auto',
      'height' => 'auto',
    ];
    $response = new AjaxResponse();
    $response->addCommand(new OpenModalDialogCommand(t('Modal title'), $html, $options));

    return $response;
...

Аватар пользователя zharkov1007 zharkov1007 22 мая 2018 в 9:24

Спасибо огромное, да это jquery ui. А еще можно вопросик. Где эти параметры передавать? В каком файлике они пишутся ( должны же стандартные откуда-то передаваться)

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