Галерея динамических виджетов

Widget Gallery
Кнопка Button
Открытие заданного экрана приложения
Форма Form
Заполнение и отправка заданных полей
Button
Кнопка

Открытие заданного экрана приложения

Тег Описание Примеры
alignment выравнивание bottomCenter
padding отступы, px [8,8,8,8]
width ширина, px 265
height высота, px 265
Text.color цвет текста, hex ff000000
Text.data текст кнопки Далее >
ElevatedButton.color цвет фона, hex ffffffff 

{
  "type": "Align",
  "alignment": "bottomCenter",
  "child": {
    "type": "Padding",
    "padding": "8,8,8,8",
    "child": {
      "type": "SizedBox",
      "width": 265,
      "child": {
        "type": "ElevatedButton",
        "color": "ffffffff",
        "child": {
          "type": "Text",
          "data": "Далее >",
          "textAlign": "start",
          "overflow": "ellipsis",
          "style": {
            "color": "ff000000",
            "decoration": "none",
            "fontSize": null,
            "fontFamily": null,
            "fontStyle": "normal",
            "fontWeight": "normal"
          }
        }
      }
    }
  }
}
Form
Форма

Заполнение и отправка заданных полей

Тег Описание Примеры
alignment выравнивание bottomCenter
padding отступы, px [8,8,8,8]
width ширина, px 265
height высота, px 265
Text.color цвет текста, hex ff000000
Text.data текст кнопки Телефон
ElevatedButton.color цвет фона, hex ffffffff
ElevatedButton.click_event действие клика actions://execute
FormBuilderTextField.name alias для отправки phone
FormBuilderTextField.hintText подсказка поля Введите..
SelectableText.data текст заметки ул. Тополева 16
actions.id действие Отправка..
actions.payload шаблон запроса JSON
actions.type тип запроса post
actions.url адрес сервера URL
compose.type тип проверки required
compose.errorText текст ошибки Ошибка.. 

{
  "child": {
    "child": {
      "actions": [
        {
          "id": "Отправка AMO CRM",
          "payload": {
            "amo_crm_operations": [
              {
                "request": {
                  "comment": "Дата посещения #date#",
                  "name_contact": "#name#",
                  "phone": "#phone#"
                }
              }
            ]
          },
          "type": "post",
          "url": "https://dev2.sgc-opeca.ru/rest/v1/amo_crm_operations"
        }
      ],
      "child": {
        "child": {
          "children": [
            {
              "data": "Имя",
              "overflow": "ellipsis",
              "style": {
                "fontStyle": "normal",
                "fontWeight": "w700"
              },
              "textAlign": "start",
              "textDirection": "ltr",
              "type": "Text"
            },
            {
              "height": 12,
              "type": "SizedBox",
            },
            {
              "autoValidateMode": 2,
              "borderColor": "ff000000",
              "borderRadius": 8,
              "borderStyle": 1,
              "borderType": "OutlineInputBorder",
              "borderWidth": 1,
              "enabled": true,
              "fillColor": "ffffffff",
              "filled": true,
              "hintText": "Введите имя",
              "initialValue": "",
              "maxLines": 1,
              "name": "name",
              "obscureText": false,
              "textCapitalization": 3,
              "type": "FormBuilderTextField",
              "validator": {
                "children": [
                  {
                    "errorText": "Имя обязательное поле",
                    "type": "required"
                  },
                  {
                    "errorText": "Максимальная длина поля 100 символов",
                    "type": "maxLength",
                    "value": 100
                  },
                  {
                    "errorText": "Минимальная длина поля 3 символа",
                    "type": "minLength",
                    "value": 3
                  }
                ],
                "type": "compose"
              }
            },
            {
              "height": 12,
              "type": "SizedBox",
            },
            {
              "child": {
                "child": {
                  "data": "ОТПРАВИТЬ ЗАЯВКУ",
                  "overflow": "ellipsis",
                  "style": {
                    "color": "ffffffff",
                    "decoration": "none",
                    "fontStyle": "normal",
                    "fontWeight": "normal"
                  },
                  "textAlign": "start",
                  "textDirection": "ltr",
                  "type": "Text"
                },
                "click_event": "actions://execute",
                "color": "ff1890ff",
                "type": "ElevatedButton"
              },
              "height": 47,
              "type": "SizedBox",
              "width": 99999
            }
          ],
          "crossAxisAlignment": "start",
          "mainAxisAlignment": "start",
          "mainAxisSize": "max",
          "textBaseline": "ideographic",
          "type": "Column",
          "verticalDirection": "down"
        },
        "enabled": true,
        "initialValue": {},
        "skipDisabled": false,
        "type": "FormBuilder"
      },
      "type": "ActionManager"
    },
    "padding": "24,24,24,24",
    "type": "Padding"
  },
  "color": "ffe5e5e5",
  "type": "Container"
}