Что касается проблемы с веб-формой в Drupal 8

#drupal #drupal-8 #drupal-modules #drupal-webform

#drupal #drupal-8 #drupal-модули #drupal-webform

Вопрос:

Я очень новичок в разработке Drupal 8, я создал базовую веб-форму, используя модуль webform, и теперь я хочу добавить пользовательский css, чтобы сделать его более привлекательным, так как я могу добавить пользовательский css в свою веб-форму? Любое предложение будет оценено.. Счастливого кодирования..

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

1. Можете ли вы показать нам свой код?

2. Привет, Авив, я добавил этот код в свою папку темы внутри css-файла #webform-submission-sample-multi-step-webform-add-form{ цвет фона: светло-голубой; стиль шрифта: наклонный; размер шрифта: 17 пикселей; вариант шрифта: заглавные буквы; шрифт-вес: жирный шрифт; отступ: 10 пикселей; } Этот код является примером кода, который несколько похож на мой исходный код. Я думаю, это вам поможет. у меня есть еще один вопрос, знаете ли вы об обработчике веб-формы ..? например, как настроить пользовательский обработчик веб-формы в webform

Ответ №1:

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

Если вы имеете в виду, что хотите добавить свои собственные divs и т. Д. И шаблонировать разные веб-формы, То лучший способ сделать это — создать для него определенный файл шаблона.

В папку темы вы можете добавить файл шаблона, например: webform-form-[nid].tpl.php вы можете получить идентификатор, просмотрев источник вашей формы, он отображается в одном из родительских разделов формы.

В качестве основы вы можете использовать шаблон по умолчанию из модуля webforms. Goto (или другое место, где вы установили модуль webforms):

 /sites/all/modules/webform/templates/webform-form.tpl.php
  

и скопируйте папку.

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

1. Большое спасибо, это работает.. Я написал свой код css в поле settings / css или js, и он работает.. Спасибо

2. Не беспокойтесь @PrajjwalKumar!