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

Разделить label и input в webform. Темизация webform.

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

Аватар пользователя freeze freeze 15 марта 2013 в 0:27

Привет всем! Наверное, вопрос нубский, но все же вызывает у меня проблемы!
Задумал я сверстать по-нормальному форму, стало быть вывести ее через table
Нужно то всего мне - разделить вывод label и его input по разным td-шкам
Пытаюсь для этого темить webform-form.tpl.php, например пишу там print drupal_render($form['submitted']['vashe_imya']['#title']); ну и ничего не получаю Sad
Подскажите куда копать! Спасибо! Smile

Комментарии

Аватар пользователя Stan.Ezersky Stan.Ezersky 15 марта 2013 в 9:33

"freeze" wrote:
Задумал я сверстать по-нормальному форму, стало быть вывести ее через table
Это по нормальному разве???

<form class="bs-docs-example form-horizontal">
  <div class="control-group">
    <label for="inputEmail" class="control-label">Email</label>
    <div class="controls">
      <input type="text" placeholder="Email" id="inputEmail">
    </div>
  </div>
  <div class="control-group">
    <label for="inputPassword" class="control-label">Password</label>
    <div class="controls">
      <input type="password" placeholder="Password" id="inputPassword">
    </div>
  </div>
  <div class="control-group">
    <div class="controls">
      <label class="checkbox">
        <input type="checkbox"> Remember me
      </label>
      <button class="btn" type="submit">Sign in</button>
    </div>
  </div>
</form>

Смотрите тут

Аватар пользователя freeze freeze 15 марта 2013 в 13:53

Спасибо, действительно, можно сделать нормальную разметку без таблицы.
Так и поступил.
Но бывают моменты, когда нужна и таблица...
Так что, все же интересно знать способ это реализовать Smile

Аватар пользователя Stan.Ezersky Stan.Ezersky 15 марта 2013 в 20:37

"freeze" wrote:
Так что, все же интересно знать способ это реализовать :)
Посмотрите шаблоны тут /sites/all/modules/webform
Копируете в папку с темой и делаете с ними, что заблагорассудится. Для этого стоит почитать документация на странице модуля.

Аватар пользователя yegoren yegoren 12 апреля 2013 в 7:35

Вопросы в продолжение темы. Используется так же модуль webform:

1. Каким образом добавить атрибут placeholder к тегу input?
2. Атрибут placeholder от HTML5. Друпал формирует XHTML+RDFa документы, соответственно валидацию страницы не пройдут... есть ли решение, кроме JS?

3. Есть ли возможность штатными средствами прикрепить класс к тегу label?

ADDED: Ну, собственно, пока ждал ответа уже сам все решил:
- placeholder отмел как проблему для кросс-браузерности
- все перестановки label сделал JS ибо других решений не нашел