Подключение CSS/JS к форме Drupal

Если необходимо подключить стили или скрипты к своей форме, как это сделать?

Первый подход — добавить необходимые стили и скрипты в тему оформления. В этом случае, если к примеру, идет речь о форме редактирования, которая отображается в шаблоне используемом только для админ-панели, вам придется заниматься кастомизацией ещё одной темы, помимо основной. А ваш модуль станет зависим от темы оформления.

Оптимально было бы подключить нужные файлы с помощью одного из хуков form API.

hook_form_alter

Прямое подключение

Можно добавить в хук form_alter вызов drupal_add_js()drupal_add_css(). И это будет работать до тех пор, пока ваша форма успешно проходит валидацию. При ошибке в любом из #validate hook-ов, форма потеряет подключаемые файлы.

#suffix

Атрибут формы suffix (и аналогично prefix) позволяет добавить произвольный HTML код. Никто не мешает вставить следующее:

Хотя этот подход не испытывает проблем на этапе валидации, но явно не сочетается с парадигмой MVC.

#after_build

В этом свойстве формы можно указать функции вызываемые каждый раз после окончания сборки формы. Как раз в этот момент можно использовать drupal_add_css() и drupal_add_js(), чтобы корректно подключить нужные файлы.

Все в этом варианте хорошо и правильно, но нам всего то лишь нужно подключить пару файлов, а не превращать работу с формой в бесконечный вызов хелперов. :)

#attached

Потому в Drupal 7 появляется специальный атрибут формы — #attached. Здесь вы можете указать необходимые JS и CSS файлы.

Ну или так:

Последние примеры я спер из документации drupal form API :).

Мало букафф? Читайте есчо !

Crop модуль для картинок Drupal

Декабрь 2, 2017 г.

Искал по работе crop модуль, который позволит редактору сайта выполнять обрезку картинки в админке при загрузке изображения в форму публикации. На Drupal.org ...

Читать

Powered by Drupal - что это и как убрать?

Апрель 25, 2017 г.

Блок с текстом "создано на drupal" - объявляется модулем system. Ссылка с названия движка ведет на сайта drupal.org. Для чего этот блок? Возможно, ...

Читать

Чтение данных из oembed провайдера

Март 11, 2025 г.

В Drupal 10/11 поддержка Oembed провайдеров в ядре (модуль media) позволяет легко и непринуждённо читать данные о медиа прямо из провайдера. Ранее я рассказывал как зарегистрировать oembed для rutube, чтобы иметь возможность оперировать видео контентом ...

Читать

Форма поиска товаров на Drupal

Май 11, 2023 г.

Здесь подробно рассмотрим небольшую задачу для сайта под управлением CMS Drupal. Требуется выводить поисковую форму для товаров в виде блока. Форма ...

Читать
 

Комментарии к «Подключение CSS/JS к форме Drupal»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: