Данный раздел содержит описание компонентов (часто используемых) в Конструкторе форм платформы Appliner
¶ Basic
| Изображение | Название компонентов | Функциональное действие компонента | Подробное описание |
|---|---|---|---|
|
1 Column | Создает одну колонку внутри контейнера | Подробное описание компонента 1 Column |
|
2 Columns | Разделяет страницу (контейнер) на 2 равные колонки | Подробное описание компонента 2 Columns |
 |
2 Columns 3/7 | Разделяет страницу (контейнер) на две колонки соотношением 3/7 по ширине | Подробное описание компонента 2 Columns 3/7 |
 |
3 Columns
|
Разделяет страницу (контейнер) на 3 равных поля | Подробное описание компонента 3 Columns |
|
 |
Image | Создает изображение | Подробное описание компонента Image |
|
Link | Создает текстовое поле, при нажатии на которое можно перейти по внутренней ссылке | Подробное описание компонента Link |
|
 |
Map | Создает поле с картой мира | После выбора элемента "Map" вы сможете указать местоположение на карте, выбрать стиль отображения, определить масштаб и другие параметры, такие как тип карты и наличие маркеров. Подробное описание компонента Map |
 |
Quote | Создает поле для ввода многозначного текста с определенным шрифтом |
После выбора элемента "Quote" вы сможете ввести текст цитаты, указать имя автора (при необходимости), а также стилизовать блок цитаты, включая шрифт, цвет, размер и другие параметры. |
 |
Text | Создает текстовое поле | Подробное описание компонента Text |
|
|
Text section | Создает текстовое поле с шапкой, как отдельный блок сверху | Подробное описание компонента Text Section |
 |
Video | Создает блок видео | Подробное описание компонента Video |
¶ Навигационная цепочка
| Изображение | Название компонентов | Функциональное действие компонента | Подробное описание |
|---|---|---|---|
|
 |
Иконка | Создает иконку |
Отличие от компонента Image: не расширяется изображение, при увеличении масштаба "Иконки". Видимо иконка Батона тут должна быть |
¶ Экстра
| Изображение | Название компонентов | Функциональное действие компонента | Подробное описание |
|---|---|---|---|
|
 |
Таймер запуска | Создает поле с 24-часовым форматом времени |
Используется для создания обратного отсчета, например, до какого-то события или даты. Результат, который можно получить с использованием этого элемента, - это отображение таймера обратного отсчета на вашей веб-странице.
|
|
Навбар | Создает поле в верхней части веб-страницы с 3 полями-компонентами "Link". |
Компонент создает навигационную панель приложения в шапке страницы. |
¶ Quasar
| Изображение | Название компонентов | Функциональное действие компонента | Подробное описание |
|---|---|---|---|
|
Таблица | Создание таблицы |
Компонент q-table фреймворка Quasar |
¶ Forms
| Изображение | Название компонентов | Функциональное действие компонента | Подробное описание |
|---|---|---|---|
|
 |
Button | Создает поле, при нажатии на которое, позволяет пользователю выполнить определенное действие |
Используется для создания кнопок на веб-странице. Результат, который можно получить с использованием этого элемента, - это кнопка с заданным текстом и стилями, которые можно настроить в соответствии с дизайном вашей страницы. Вы можете определить цвет, размер, форму, а также различные эффекты при наведении курсора мыши. |
|
 |
Checkbox | Создает поле, позволяющее пользователю выбирать одно или несколько значений из предложенных вариантов |
Используется для создания флажков на веб-странице. Результат, который можно получить с использованием этого элемента, - это чекбокс, который пользователь может отметить или снять галочку. Это может быть полезно для создания форм, опросов или любых других сценариев, где требуется выбор из нескольких вариантов. |
|
Form | Создает поле, с помощью которого можно создавать формы для сбора информации от пользователя. Содержит текстовые поля, выпадающие списки, кнопки отправки формы |
Используется для создания форм на веб-странице. Результат, который можно получить с использованием этого элемента, - это форма, в которой пользователь может вводить данные, отправлять их и обрабатывать на сервере или клиенте. Это может быть полезно для сбора информации от пользователей, например, ввода ими текста, отправки комментариев, подписки на рассылку и т.д. |
|
 |
Input | Создает однострочное текстовое поле, в котором пользователь может вводить информацию. |
Используется для создания полей ввода на веб-странице. Результат, который можно получить с использованием этого элемента, - это поле, в котором пользователь может ввести текст, числа или другую информацию. Это может быть полезно для создания форм, поисковых строк, опросов и прочих интерактивных элементов на странице. |
|
 |
Label |
Создает поле-метку, которое используется для связывания с другими элементами формы. Например с: Input, Textarea, Checkbox |
Щелчок по тексту метки может активировать связанный элемент формы, что делает процесс ввода данных более удобным для пользователей. |
|
 |
Radio | Создает кнопку-переключатель, который позволяет пользователю выбрать одно значение из группы взаимосвязанных вариантов |
Используется для создания переключателей. Результат, который можно получить с использованием этого элемента, - это набор взаимосвязанных переключателей, из которых пользователь может выбрать только один вариант. Это часто используется в формах для выбора единственного варианта из нескольких предложенных. |
|
 |
Select | Создает поле (выпадающий список), который позволяет пользователю выбрать один вариант из предложенных |
Используется для создания выпадающего списка. Результат, который можно получить с использованием этого элемента, - это список вариантов, из которых пользователь может выбрать один. Это удобно для создания форм с выбором определенных значений или категорий. |
|
 |
Textarea | Создает многострочное текстовое поле, предназначенное для ввода больших объемов текста |
Используется для создания многострочного поля ввода. Результат, который можно получить с использованием этого элемента, - это область, в которой пользователь может ввести большой объем текста, например, комментарий, отзыв, сообщение и т.д. |
¶ Группировка
| Изображение | Название компонентов | Функциональное действие компонента | Подробное описание |
|---|---|---|---|
|
|
Аккордеон | Разделяет страницу на две строки | Подробное описание компонента Аккордеон |
|
 |
Стек | Создает дополнительные уровни страницы | Подробное описание компонента Стек |
|
 |
Табы | Создает многозначное текстовое поле с вкладками | Подробное описание компонента Табы |
¶ Данные
| Изображение | Название компонентов | Функциональное действие компонента | Подробное описание |
|---|---|---|---|
|
Коллекция вертикально |
Создает поле с выбором данных: "система", "модель данных", запросы и пользовательские запросы
|
Подробное описание “Коллекция вертикально” Подробное описание “Коллекция горизонтально” |
|
Коллекция горизонтально | ||
 |
Таблица с данными | Создает таблицу из модели данных |
Используется для вывода данных из модели данных Подробное описание компонента Таблица с данными |
|
 |
Таблица сводная | Создает сводную таблицу с выбором данных: "система", "модель данных", запросы и пользовательские запросы |
Используется для вывода данных из модели данных. Результат, который можно получить с использованием этого элемента, - это область, в которой выводятся данные следующим образом: если в КМД задана связь между двумя разными моделями данных, то выводит эту информацию, если нет, то выводит "0" |
|
 |
Таблица универсальная | Создает однострочное поле "поиск" для ввода , выводит данные из выбранной модели данных |
Используется для вывода данных из модели данных. Результат, который можно получить с использованием этого элемента, - это область, в которой содержатся данные в виде таблицы из выбранной модели данных, где располагаются заголовки (в первой строке) и сами данные во всех остальных строках. |
|
 |
Фильтр | Создает условие сортировки информации | Подробное описание компонента Фильтр |
|
|
Фильтр логический | Создает условие сортировки информации |
Подробное описание компонента Фильтр логический К удалению |
|
|
Фильтр по дате | Создает условие сортировки информации основывая на дате |
Подробное описание компонента Фильтр по дате К удалению |
|
|
Фильтр по тексту | Создает условие сортировки информации основываясь на тексте |
Подробное описание компонента Фильтр по тексту К удалению |
¶ Управление
| Изображение | Название компонентов | Функциональное действие компонента | Подробное описание |
|---|---|---|---|
|
 |
Кнопка "Администратор процессов" | Подробное описание компонента Кнопка "Администратор процессов" | |
|
 |
Кнопка "Назад" | Подробное описание компонента Кнопка "Назад" | |
|
 |
Кнопка "Настройка и администрирование" | Подробное описание компонента Кнопка "Настройка и администрирование" | |
|
 |
Кнопка загрузки | Подробное описание компонента Кнопка загрузки | |
|
 |
Кнопка с иконкой | Подробное описание компонента Кнопка с иконкой | |
|
 |
Ссылка динамическая | Подробное описание компонента Ссылка динамическая | |
|
|
Ссылка на страницу | Подробное описание компонента Ссылка на страницу |
¶ Формы
Компонент “Форма” является основным, который позволяет создать область, уже в которую можно перетаскивать другие компоненты из этого раздела. По отдельности компоненты работать не смогут.
| Изображение | Название компонентов | Функциональное действие компонента | Подробное описание |
|---|---|---|---|
|
Форма |
Создает поле с выбором действия: "Системные действия" и "Модели данных". После чего создается текстовое поле, ниже кнопка, и правее от кнопки текстовое поле с описанием функции кнопки |
Подробное описание компонента Форма
|
|
Время | Поле с 24-часовым форматом, с возможностью установки времени | Подробное описание компонента Время |
|
|
Дата | Поле - календарь с возможностью выбора даты | Подробное описание компонента Дата |
|
Дата/Время | Поле с выбором даты и времени (24-часовой формат и календарь) | Подробное описание компонента Дата/Время |
|
Загрузка CSV | Позволяет подгрузить файл типа ".csv" | Подробное описание компонента Загрузка CSV |
 |
Логический тип | Позволяет выбрать вариант ответа | Подробное описание компонента Логический тип |
 |
Список выбора | Выпадающее при нажатии окно с выбором варианта ответа (единственный) | Подробное описание компонента Список выбора |
 |
Список выбора (множественный) | Выпадающее при нажатии окно с выбором вариантов ответа (множественный) | Подробное описание компонента Список выбора (множественный) |
 |
Строка | Создает текстовое поле | Подробное описание компонента Строка |
 |
Теги | Создает текстовый указатель | Подробное описание компонента Теги |
 |
Текст | Создает текстовое поле с многозначным вводом | Подробное описание компонента Текст |
 |
Файл | Прикрепить файл в данном поле | Подробное описание компонента Файл |
 |
Число вещественное | Создает поле с вводом числа с плавающей точкой | Подробное описание компонента Число вещественное |
 |
Число целое | Создает поле с вводом целого числа | Подробное описание компонента Число целое |