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

Шаблон для кнопки Submit

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

Здравствуйте.
Для webform нужно изменить вывод кнопки 'Submit'. Создал в теме файл 'input--submit.html.twig' и сделал вывод там.
Но после этого не совсем корректно отображается кнопка 'Submit' для авторизации в админке.
Подскажите пожалуйста можно ли создать шаблон типа 'input--submit--{{класс или id кнопки/формы}}.html.twig'.
Заранее спасибо!

Комментарии

Аватар пользователя ivnish ivnish 25 мая 2018 в 13:39

У кнопки есть ID. Он уникален для этой страницы. Если использовать уточняющий класс, например один из классов body, то можно прекрасно обойтись только CSS. Например

.page-blog #edit-actions-submit--2 {
/* тут ваши стили для этой кнопки */
}
Аватар пользователя gun_dose gun_dose 25 мая 2018 в 13:46

Желательно бить таких дизайнеров по лицу. В друпале кнопки должны быть инпутами, а не баттонами, а в инпут, как известно, воткнуть дочерние тэги нельзя. Как вариант, можно в цсс извратиться, повесив все красивости на обёртку кнопки, а также её before и after, а саму кнопку сделать прозрачной.

Аватар пользователя negociant negociant 27 мая 2018 в 21:30
3

Не вижу причин в 2018 использовать input type submit вместо button. Button имеет преимущества в темизации - у него есть пвевдоэлементы, у него есть контент, а соответственно в нем текст можно оборачивать в спаны и отдельно темизировать. Или проблемы избавиться от его дефолтных стилей?
Вот сайты с button - https://drupal.ru https://www.jackdaniels.com/ http://www.jimbeam.com/en-int и они все не в курсе твоих сложностей с тегом button.

Аватар пользователя gun_dose gun_dose 27 мая 2018 в 22:23

Я тоже не вижу причин использовать инпут. Но простого глобального решения этой проблемы, в том числе и для кастомных форм я найти не смог. А времени собирать по крупицам инфу со стековерфлоу в нужный момент не оказалось.

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

Опять же, когда я говорил, что кнопки должны быть инпутами, я имел ввиду, что верстальщик должен учитывать этот момент, когда делает статический макет, чтобы немного облегчить страдания разработчика.

Кстати, интересный вопрос: если сделать шаблон кнопки через button, то как в объявлении кастомной формы воткнуть в сабмит дочерние элементы?

Аватар пользователя VasyOK VasyOK 27 мая 2018 в 23:01

мне все равно что там инпут или буттон
как бы такой элемент как кнпока модули многие генерируют.
но если используется Бутстрап - кнопка бывает не работает потому что она буттон.
все это решаемо, но зачем мозги компасировать?

Аватар пользователя VasyOK VasyOK 27 мая 2018 в 17:39

Посмотрел сайты которые я когда-то делал на D7+Bootstap - там button. Это было причиной нервотрепки с непомню какими контриб модулями. Потому мне Bootstap и не нравится, что элемент то приключение.

Посмотрел сайт на Радиксе, там пункт меню имеет код типа.
<li class="leaf menu-link-блог"><a href="/blog">Блог</a></li>
В чем причина в радиксе или в разработчике сайта?

Аватар пользователя bumble bumble 28 мая 2018 в 9:32
  • Любой контент, который должен быть проиндексирован поисковиками.
  • Любая разметка, с вложенностью чуть более 1го (2х отпозиционированных) элементов.
  • Необходимость применения доп. атрибутов к элементу.
  • Семантически-правильно построенные элементы.
Логотип drupal.ru

Содержимое сайта публикуется на условиях CreativeCommons Attribution-ShareAlike 3.0 или более поздней версии. Программные коды в тексте статей — на условиях GNU GPL v2 или более поздней версии.

Документация по совместной работе с репозиторием drupal.ru – https://docs.drupal.ru/code

Drupal – торговая марка Дриса Бёйтарта

12+

AltStyle によって変換されたページ (->オリジナル) /