Вы здесь

Темизация Webform в Drupal 7

  • Создаем нужную HTML разметку в файле webform-form-id_вашей_формы.tpl.php. (id это номер при редактировании формы, в адресной строке)
  • Закачиваем файл на сервер в папку с фалами шаблонов нод.
  • Удаляем кеш сайта по адресу /admin/config/development/performance

В модуле «Webform» содержимое выводятся из массива, где «ключ» это машинное имя поля, которое вы задаете при создании. 

<?php print drupal_render($form['submitted']['ключ']);?>

В конце выводим кнопку «отправить».

<?php print drupal_render_children($form);?>
  • Далее темизируем поле «вложить файл», для этого скачиваем и подключаем к сайту jquery.nicefileinput.js
  • Включаем на нужной странице jquery.nicefileinput.js

    <script>
        (function ($) {
            Drupal.behaviors.beName = {
                attach : function(context, settings) {
                    $("input[type=file]").nicefileinput();
                }
            };
        })(jQuery);
    </script>
  • Добавляем немного стилей и изображение папки
        .NFI-button{
            position: absolute !important;
            left: 0;
            background: url(../img/file.png) 100px 0 no-repeat;
            width: 125px;
            height: 50px;
        }
    
        .NFI-wrapper{
            display: inline-flex !important;
        }
    

В итоге у меня вышло так

<div class="row">
    <div class="col-sm-6">
        <?php print drupal_render($form['submitted']['user_img']);?>
    </div>
    <div class="col-sm-6">
        <?php print drupal_render($form['submitted']['sizeembroidery']);?>
        <?php print drupal_render($form['submitted']['fedition']);?>
    </div>
    <div class="col-sm-12">
        <?php print drupal_render($form['submitted']['user_comment']);?>
    </div>
</div>
<hr />
<div class="row">
    <div class="col-sm-6">
        <?php print drupal_render($form['submitted']['user_phone']);?>
        <?php print drupal_render($form['submitted']['user_mail']);?>
    </div>
    <div class="col-sm-6">
        <?php print drupal_render($form['submitted']['user_name']);?>
    </div>
</div>
<?php print drupal_render_children($form);?>

 

Темизация поля «вложить файл» в Webform Drupal 7

Оставить комментарий

HTML (ckeditor)

Plain text

Наши преимущества

Результат в обещанный срок

Если мы беремся за работу то четко оцениваем свои силы, по одной из общепризнанных систем «Waterfall Model» (каскадная модель или «водопад»).

Стратегия под рукой

У нас огромный опыт в создании сетевых «интернет магазинов», более 50 «сайтов визиток», более 5000 собранных компьютеров и серверов. Всегда подскажем и поможем с выбором.

Продвижение сайтов

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

Бонусная программа

Стань менеджером проекта и получи 10% прибыли с первого заказа. Вашу прибыль отправим на телефон или задействуем как скидку при оплате заказа.

Варианты цен типовых наборов для вашего сайта.

В стоимость включены затраты на покупку хостинга и домена, лицензий на программы - сайт под ключ!

Лэндинг «одностраничник»

10 000 руб.

Срок исполнения заказа
от двух недель

  • HTML 5 шаблон
  • Настройка хостинга и домена
  • Подключение метрики
  • Регистрация в поисковиках
  • Наполнение лэндинга
Заказать

Интернет магазин
1С Битрикс

228 000 руб.

Срок исполнения заказа
от двух месяцев.

  • Настройка хостинга и домена
  • Лицензия битрикс «Бизнес»
  • Лицензия Шаблон HTML 5
  • Настройка и запуск CMS
  • Настройка обменов с базой 1С
Заказать

Больше возможностей

Предлагаем рассмотреть и другие наши направления услуг

Ремонт и поставка офисной техники

Заключаем договора на обслуживание юридических и физических лиц. Закупим, настроим и установим необходимую аппаратуру.

Подключение к интернету и прокладка сети

Подберем оптимального провайдера, проложим сеть в вашем помещении и подключим беспроводные точки Wi-Fi.

Обслуживание серверного парка

Администрирование и сопровождение комплексов на базе Linux. Установка и настройка кластерных систем, настройка системы мониторинга Zabbix.

Скидки от партнеров

Получи до 20% скидку, на стоимость товара или услуги у наших партнеров. Достаточно озвучить при заказе, что о скидке вы узнали с нашего сайта.

Готовы начать общение?

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