Forms. How to make custom HTML markup for a form (jsRender)

Specify custom markup in the form settings fields. We use the following pseudo elements:

  • {form-title} - form title
  • {form-result} - the result of the form saving operation will be displayed here
  • {form-subtitle} - subtitle of the form
  • {form-button} - save form button
  • {colwithlabel - [fieldcode]} - field with the label
  • {colcontrol-[fieldcode]} - outputs only the control without a label
  • {colview - [fieldcode]} - outputs the field value (with a hint, if present)
  • {collabel - [fieldcode]} - outputs the field label
  • {colexample - [fieldcode]} - output examples of filling in forms (the examples themselves are set in GetItem SELECT1 in the example_{colCode fields})
  • {pageCode} - page code (can be used for output conditions for certain blocks).

The initial markup can be generated (after creating columns, use the button at the top Generate form markup). In this case, the modal window will display the initial markup, which you can copy to the CustomHTML form field.

Example of settings:

In custom markup, you can use the JS Render rules

In the browser console (F12 in Chrome/Console) you can see which object is passed to JS Render (the label is JSRender Form).

Документация по JS Render -

Простой пример (когда на форме добавления надо спрятать какие то элементы формы).

Note: don't forget to use the header ({form-title}) for modal forms so that service icons are displayed for them (go to form management, print, and transfer sql forms). If necessary, you can hide the header itself via CSS.

Falcon Space is a functional web development platform on a narrow stack MS SQL/Bootstrap. Falcon Space Gettting started

Falcon Space Platform

This is a reduction in the cost of ownership

at the expense of fewer people to support

This is a quick change

while using the program

This is a modern interface

full adaptation for mobile devices