Skip to main content

Form.IO

Нова структура форм і builder

Корисні посилання​

  1. https://formio.github.io/formio.js/app/builder.html - Builder
  2. https://help.form.io/userguide/form-building/form-components - Basic Coponent
  3. https://help.form.io/userguide/form-building/advanced-components - Advanced
  4. https://help.form.io/userguide/form-building/layout-components - Layout
  5. https://infinity.500apps.com/forms/builder?p_id=2222&t_id=0&type=multi - Style
  6. https://docs.google.com/document/d/1Qc3n0Bw01V7uhn5tTfUpd_jNF9PDidk2f_8bSNKscNs/edit#

Schema​

   {
   "components": [
        {
          "type": "Autocomplete",   // type   - required
          "key": "logsToSign",      // field name - required
          "label": "Логи, які будуть підписуватись", // field label
          "description": "Логи, які будуть підписуватись", // field description
          "tooltip": "Логи, які будуть підписуватись", // field tooltip
          "validators": [
            "required"
          ],
          "multi": "true",        // default = false,
          "style":{
            "labelPosition":"horizontal"
          }
        }
    ],
    "style": {
        "labelPosition": "vertical",            //  default vertical
        "buttonPosition": "bottom-center"       //
    }
}

https://help.form.io/userguide/form-building/component-settings - INFO

basic props


label: Text Field
placeholder: place
description: '353453'
tooltip: '345345'       # info
hideLabel: true
multiple: true
autofocus: true
key: textField
type: textfield
labelPosition: left, top

Components​

  1. https://help.form.io/userguide/form-building/form-components - Basic
  2. https://help.form.io/userguide/form-building/advanced-components - Advanced
  3. https://help.form.io/userguide/form-building/data-components - Data

Layout​

https://help.form.io/userguide/form-building/layout-components

Text

  1. Line Text
  2. Paragraph/Html
  3. List
  4. Heading

Скоріш за все одна компонента

Group

  1. Columns
  2. Tabs
  3. Accordion
  4. Panel

Style​

  1. Size: Mini/Compact
  2. Theme: Dark, Standrad

TR​

  1. Fieldset: components[] - label, tooltip, description, required, multiple?
  2. Layout: 1+ Fieldset
  3. Field v-model

Roadmap​

  1. BI
  2. Setting
  3. Edesb
  4. Old Schema