Формы. Как сделать кастомную HTML разметку для формы (jsRender)

Указываем кастомную разметку в полей настройках формы. Используем следующие псевдоэлементы:

  • {form-title} - заголовок формы
  • {form-result} - здесь будет выводиться результат операции сохранения формы
  • {form-subtitle} - подзаголовок формы
  • {form-button} - кнопка сохранения формы
  • {colwithlabel-[fieldcode]} - поле с меткой
  • {colcontrol-[fieldcode]}  - выводит только элемент управления без метки
  • {colview-[fieldcode]} - выводит значение поля (с подсказкой, если она есть)
  • {collabel-[fieldcode]} - выводит метку поля
  • {colexample-[fieldcode]} - вывод примеров заполнения форм (сами примеры задаются в GetItem SELECT1 в полях example_{colCode})
  • {pageCode} - код страницы (можно использовать для условий вывода определенных блоков).

Начальную разметку можно сгенерировать (после создания столбцов используя кнопку наверху Генерация разметки формы). При этом в модальном окне будет выведена начальная разметка, которую вы можете скопировать в поле формы CustomHTML.

 {form-title}
    <div class="text-muted small">Аренда с {colview-started} {colview-rentTime1} по {colview-finished} {colview-rentTime2}
      {{if isBlocked=="1"}}<span class="text-danger small">Заявка заблокирована</span>{{/if}}
    </div>
    {{if isNew == "1" && isClient == "1"}}
    <a href="#" class="as-form-modal mt-2 btn btn-primary" data-code="addorder"
       data-itemID="{colview-objectID}_{colview-instanceID}"
       data-big="0" data-title="Изменение Срока аренды">Изменить cрок аренды</a>
    {form-result}
    {{/if}}

В кастом разметке можно использовать правила JS Render

В консоли браузера (Chrome F12/Console) вы можете посмотреть какой объект передается в JS Render (метка - JSRender Form).

Документация по JS Render - https://www.jsviews.com/#jsrtags

Элементы стилизации в разметке страниц Falcon Space

Примечание: не забывайте использовать заголовок ({form-title}) для модальных форм, чтобы для них выводились служебные значки (перейти на управление формой, печать и перенос sql формы). При необходимости можно спрятать сам заголовок через CSS.

Falcon Space - функциальная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space

Google поиск по нашей документации

SQL-инструмент для создания личных кабинетов на сайте

Суть подхода и история создания Falcon Space
Веб-платформа для создания личных кабинетов

Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки и узкого стека разработки. Про снижение стоимости владения продуктом

Это быстрое внесение изменений

по ходу эксплуатации программы. Как создается функционал на платформе

Это простой удобный интерфейс

адаптация под мобильные устройства. Про юзабилити платформы

Веб-приложения на MS SQL. Партнерская программа для разработчиков и веб-студий

Вы можете разрабатывать самостоятельно или сотрудничать с нами в плане веб-разработки на платформе Falcon Space, используя только SQL и HTML.
Смотреть примеры с кодом SQL
Документация по платформе
Работа на MS SQL Server