Подключение 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 :).

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

Многоязычность в Drupal 7

Март 31, 2015 г.

Конструирование многоязычного сайта добавляет множество деталей, которые нужно учитывать в процессе работы. Это и верстка шаблона, картинки которого могут ...

Читать

Конфигурация для миграции статей (node:blog) из CSV файла

Март 2, 2024 г.

Это пример миграции данных из CSV файла в Drupal. Данная миграция является основной в том смысле, что она ссылается на дочернюю миграцию, в ходе которой будут созданы параграфы (entity_reference_revisions:paragraph) с HTML контентом. А далее мы ...

Читать

Сохранение медиа файлов после удаления последней связи с материалами

Апрель 20, 2018 г.

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

Читать

Пример задания значения контектного фильтра views программно

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

Если вы практикуете вызов и рендеринг объектов views из кода, то возможно вам пригодится следующий пример задания значения контекстного фильтра напрямую из вашей программы. Программное задание значений фильтров я уже рассматривал ранее. Принцип ...

Читать
 

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

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



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