Изменение положения чекбоксов в formtastic
-
20 февраля 2010 21:53
-
Комментарии
Недавно столкнулся с небольшой проблемой при работе с formtastic и чтобы не забыть решение, расскажу о нём здесь, может не мне одному пригодиться.
Проблема в том что стандартный метод который вставляет чекбокс на форму генерирует разметку которая впихивает чекбокс внутрь HTML тега label и как следствие чекбокс отображается в первой колонке где находятся названия полей, что выглядит очень неестественно.
...
= form.input :remember_me, :as => :boolean
...| Чекбокс отображается в колонке с названиями полей |
|
Конечно можно применить CSS стиль и выровнять его так как надо, но ИМХО это не совсем правильное решение проблемы. Мой вариант заключается в том чтобы самому создать ряд в котором находится подпись к чекбоксу и сам чекбокс:
...
= form.input :password, :as => :password
%li
= form.label :remember_me, "Remember me"
= form.check_box :remember_me
...| Чекбокс теперь отображается в колонке где находятся все input элементы |
|
Обратите внимание на вызов метода check_box т.к. класс SemanticFormBuilder унаследован от ActionView::Helpers::FormBuilder, то можно использовать любые методы этого класса.
в формате RSS. Присоединяйся!
И чем этот вариант лучше CSS? И почему делать оформление формы через CSS - неправильно?
С тем что использовать CSS в данном случае неправильно я переборщил. Беру свои слова обратно. Использовать или не использовать здесь CSS это дело вкуса. Кстати в презентации Learning To Love Forms именно такой способ и предлагается (стр. 38).
Спасибо за замечание :)