Добавляем свои атрибуты к полям Seblod

Евгений Прокопьев
08.11.2012
4580

Как добавить произвольные атрибуты к полям в Seblod?

Иногда возникают ситуации расширить функционал формы или отдельного поля в форме. Например, подключить сторонний плагин написанный под jQUERY , который работает с полем.

 Или к примеру вы используете HTML5 на своем сайте и хотите сделать подсказки в  полях:

1

Для этого просто достаточно добавить атрибут placeholder и присвоить ему необходимое значение, а не городить лишний JavaScript.

Некоторые плагины можно подключить к полям через class или специальные атрибуты data- и не писать дополнительный JS код для инициализации плагина.

 По умолчанию в Seblod можно присваивать классы любым полям формы. Для этого необходимо в ТК при редактировании поля нажать на стрелку в нижнем правом углу области Storage и присвоить нужный класс.

2

А как же быть с атрибутами? Очень просто! Атрибуты можно присвоить полю в том же месте через Class при редактировании.  

Возьмем для примера поле [text]:

<input  type=”text” class=”seb-class” …>

Теперь присвоим ему класс my- class:

<input  type=”text” class=”seb-class my- class” …>

 

На примере видно, что класс my- class попадает в кавычки атрибута class нашего поля input[ text ].

Теперь добавим атрибут placeholder и присвоим ему значение Email. Для этого воспользуемся маленькой хитростью, подвинем кавычку:

         my-class” placeholder=”Email

и получим:

<input  type=”text” class=”seb-class my- class” placeholder=”Email” …>

3

!!! Будьте внимательны и осторожны при добавлении атрибутов. Лишняя или не проставленная кавычка приведет к ошибке в разметке документа. !!!

 

Комментарии  

# Evgen В себлод 3 появилась опция кастом атрибутов. Т.е. плейсхолдер уже можно спокойно туда добавлять. Интересно, есть ли возможность каким то макаром добавлять значение атрибута как результат рнр кода или js кода...?
# Алексей Марцинкевич Как локализовать placeholder?
http://www.seblod.com/community/forums/fields-plug-ins/using-jtext-in-custom-field-attributes
# Evgen не понятно чайнику - куда добавлять этот placeholder ?
Stuff/Class или Script(JS) ??
# Наталья просто огромнейшее человеческое спасибо !
# Олег Разжуйте пожалуйста мне как чайнику - что и куда писать надо???? ведь там просто пустое поле???
# Nitische Спасибо за статью, полезно.
Маленькое замечание: в приведённых примерах используются какие-то странные двойные кавычки: ” вместо обычных "
Скопированный из примеров код из-за этих кавычек не работает.
# Ширшов Александр Ага нашел, тогда добавлю полезную ссылку :) http://htmlbook.ru/html/textarea/placeholder

Кстати, с этого пожалуй можно начать изучать xss атаки на сайты :))
# Yuri Posohov Саш, для применения вышеописанного способа бутстрап не нужен, просто скрины из него)
placeholder вообще очень полезная штука кстати.
# Ширшов Александр судя по виду для этого обязательно нужен подключенный twitter bootstrap?

У Вас недостаточно прав для добавления комментариев. Для того, чтобы оставить свой комментарий необходимо зарегистрироваться на сайте.