Українська UK
Перейти до JetBot24

Елементи екрана

Екран міні-застосунку збирається з елементів: заголовків і тексту, кнопок, картинок, полів введення, списків, карт та інших. Елементи розміщуються в областях екрана — у контенті, у колонках сітки, усередині картки або секції акордеона. Як влаштовано екран і його області — на сторінці Конструктор.

На цій сторінці — як додавати елементи й що в них спільного. Що робить кожен елемент і як його налаштувати — на сторінках груп наприкінці.

Як додати елемент

Кнопка «Додати елемент» є в налаштуваннях області — під списком її елементів. У меню елементи розбито на групи: «Основні», «Віджети», «Контейнери», «Поля введення», «Списки», «Магазин», «Запис на прийом» і «Майстру». Новий елемент стає в кінець області, порядок змінюється перетягуванням.

В області — до 100 елементів.

Меню «Додати елемент»: елементи за групамиМеню «Додати елемент»: елементи за групами

Спільне для всіх елементів

  • Згорнутий список. У налаштуваннях області кожен елемент — це рядок із назвою на зразок «Кнопка #2». Клік по рядку розгортає налаштування елемента. Клік по елементу на телефоні відкриває саме його.
  • Копіювання. Кнопка «Копіювати» на елементі кладе його до буфера. Вставити його можна на будь-якому екрані: першим пунктом меню «Додати елемент» з'явиться «Вставити: …». У тій самій версії копія зберігає зв'язки з виходів.
  • Вирівнювання й колір. Заголовок, текст, кнопка, зображення, оцінка й таймер мають «Вирівнювання»: «По лівому краю», «По центру», «По правому краю». Заголовок, текст, кнопка, роздільник, картка, перемикач, повзунок, оцінка й таймер мають «Колір» із палітри застосунку.
Редактор екрана: клік по кнопці на телефоні відкрив її налаштуванняРедактор екрана: клік по кнопці на телефоні відкрив її налаштування

Умова показу

«Умова показу» — наприкінці налаштувань будь-якого елемента, зокрема вкладеного в картку. Елемент побачать лише ті, для кого умова виконується. Якщо умова перевіряє поле цього ж екрана, елемент з'являється й зникає одразу, поки людина заповнює поле. У конструкторі такий елемент обведено пунктиром. Як задаються умови — на сторінці Дані застосунку.

Поле «Адреса доставки» з умовою показу: його видно, лише якщо ввімкнено перемикач «Потрібна доставка»Поле «Адреса доставки» з умовою показу: його видно, лише якщо ввімкнено перемикач «Потрібна доставка»

Виходи елементів

Деякі елементи додають екрану виходи — від них ведуть зв'язки до наступного блоку. Вихід з'являється сам, коли елемент додано або ввімкнено потрібне налаштування:

Елемент Вихід
«Кнопка» Завжди — «Кнопка "Ім'я"»
«Зображення» Із позначкою «Клік по зображенню — подія»
«Список» У кожного пункту — «Пункт "Назва"»
«Картка» Із позначкою «Клік по картці — подія». Виходи вкладених елементів — теж в екрана
«Записи списку» Із позначкою «Натискання на запис — подія»
«Картка запису» Із позначкою «Вести зв’язком, якщо запису немає»
«Форма запису» Завжди — спрацьовує після успішного надсилання
«Таймер» Із позначкою «Переходити далі» — «Час вийшов»
«HTML-код» Виходи, які ви створюєте в налаштуваннях коду

В елементів магазину виходи свої: «Категорії магазину» і «Кошик» дають вихід завжди, «Оформлення замовлення» — теж, «Товари магазину» і «Мої замовлення» — із позначкою відкривати після натискання. Докладно — на сторінці Магазин.

Виходи елементів запису на прийом описано на сторінці Запис на прийом.

Натискання на поля введення, таймер і карту виходами не вважаються.

Групи елементів

  • Основні — заголовок, текст, зображення, відео, кнопка, список і роздільник.
  • Віджети — таймер зворотного відліку, карта й власний HTML-код.
  • Контейнери — картка й акордеон, усередину яких кладуть інші елементи.
  • Поля введення — поле, багаторядкове поле, список вибору, перемикач, повзунок, оцінка зірками, дата й час.
  • Списки — записи списку, картка запису та форма запису.
  • Магазин — вітрина магазину проєкту: товари, категорії, картка товару, кошик, оформлення та замовлення.
  • Запис на прийом — запис клієнтів до спеціалістів і екрани для майстрів.
  • Файли: картинки й відео — які файли можна завантажити в елементи.
Основні Заголовок, текст, зображення, відео, кнопка, список і роздільник — із них збирається майже будь-який екран. Віджети Таймер зворотного відліку, карта з маршрутом і власний HTML-код на екрані міні-застосунку. Контейнери Картка й акордеон — елементи, усередину яких кладуть інші елементи. Поля введення Поля, у які людина вводить дані, — спільні налаштування, перевірка значень і довідник полів. Списки Записи списку, картка запису та форма запису — елементи, які показують і заповнюють списки проєкту. Магазин Елементи вітрини магазину в міні-застосунку — товари, категорії, картка товару, кошик, оформлення замовлення та мої замовлення. Запис на прийом Елементи запису клієнтів до спеціалістів — філії, послуги, спеціалісти, час, оформлення, мої записи, картка запису, оцінка візиту — та екрани для майстрів. Файли: картинки й відео Які картинки й відео можна завантажити в елементи міні-застосунку і як файли зберігаються разом із версією.