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

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

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

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

Комментарии

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

<input class="webform-button--submit form-field__submit button button--primary js-form-submit form-submit" data-drupal-selector="edit-actions-submit-2" type="submit" id="edit-actions-submit--2" name="op" value="Submit">

Аватар пользователя 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, а саму кнопку сделать прозрачной.

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

В том, что я, например, как-то пару часов убил на то, чтобы кнопка стала баттоном, и так и не получилось. Но это было на семёрке.

Аватар пользователя 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х отпозиционированных) элементов.
  • Необходимость применения доп. атрибутов к элементу.
  • Семантически-правильно построенные элементы.