Вы здесь

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

  • Создаем нужную HTML разметку в файле webform-form-id_вашей_формы.tpl.php. (id это номер при редактировании формы, в адресной строке)
  • Закачиваем файл на сервер, в папку с фалами,  где храним шаблоны NODE.
  • Удаляем кеш сайта по адресу /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 «сайтов визиток» на CMS, всегда подскажу и помогу с выбором.

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

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

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

При повторных обращениях, я предоставляю весомую скидку. По договоренности, работу можно оплатить путем бартера!

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

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

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

10 000руб.

* Есть скидка при обращении через сайт 50% = 5 000 руб.

В стоимость входит

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

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

95 000руб.

* Есть скидка при обращении через сайт 10% = 85 500 руб.

В стоимость входит

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

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

Предлагаю рассмотреть другие направления услуг, осуществляемых мной.

Поставка офисной техники

Произведу закупку с разных магазинов, выбрав лучшего поставщика по соотношению цена и качество. Установлю и подключу необходимую аппаратуру.

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

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

Ваш консультант

Разовое администрирование вашего компьютерного класса , сопровождение при закупках. Установка и настройка систем мониторинга.