Моделювання попереджувальних вікон для підтвердження дії у компоненті Button

1. Загальний опис

Моделювання попереджувальних (спливних) вікон для підтвердження дії може бути корисним з кількох причин:

  • Запобігання випадковим діям: вікна, що спливають, можна використовувати, щоб попросити користувачів підтвердити дію перед її виконанням. Це може допомогти запобігти випадковим чи ненавмисним діям, таким як видалення даних або надсилання невірних даних.

  • Надання додаткової інформації: спливні вікна також можна використовувати для надання додаткової інформації користувачеві перед виконанням дії. Наприклад, спливне вікно можна використовувати для пояснення наслідків видалення даних або надання інструкцій щодо заповнення форми.

  • Перевірка наміру користувача: спливні вікна можна використовувати, щоб переконатися, що користувач мав намір виконати дію. Наприклад, спливне вікно можна використовувати для підтвердження того, що користувач хоче скасувати підписку на список розсилки, або для підтвердження того, що він хоче вийти з облікового запису.

  • Покращення взаємодії з користувачем: спливні вікна можуть покращити взаємодію з користувачем, надаючи інформацію про наслідки введення даних. Наприклад, спливне вікно можна використовувати для сповіщення користувача про незбережені дані тощо.

2. Моделювання

Адміністратори можуть налаштувати попереджувальні спливні вікна для форм введення даних у Кабінетах посадових осіб та отримувачів послуг. Налаштувати їх можна у розділі моделювання UI-форм Кабінету адміністратора регламентів за допомогою компонента Button («Кнопка»).

Щоб змоделювати спливне вікно у компоненті «Кнопка», виконайте такі дії:

Редагування складових регламенту реєстру можливе лише в рамках версій-кандидатів на внесення змін. Для майстер-версії доступна лише опція перегляду.
  1. Увійдіть до розділу для управління UI-формами.

  2. Відкрийте будь-яку форму.

    form json code view edit 1

  3. Відкрийте вкладку Конструктор та перетягніть компонент Button з панелі компонентів до панелі моделювання.

    button popup 1

  4. Відкрити меню властивостей компонента (при створенні нового компонента воно відкриється автоматично).

  5. Перейдіть на вкладку Confirmation:

    • Активуйте чекбокс для параметра Pop-up should display. Цей атрибут вмикає спливні вікна у Кабінетах користувачів

    • Введіть текст, який бачитимуть посадові особи або отримувачі послуг на формах Кабінету.

  6. Збережіть налаштування.

    button popup 2

  7. Перейдіть на вкладку Перегляд, щоб перевірити, як налаштування працюватимуть на формах. Натисніть на змодельовану кнопку (тут — Внести дані).

    button popup 3

    В результаті ви побачите спливне попереджувальне вікно з опціями підтвердження, або скасування дії, та текстом сповіщення користувачів.

    button popup 4

  8. Поверніться до налаштувань форми та натисніть Зберегти зміни.

    Якщо підтвердити дію, то користувач покидає сторінку. Якщо скасувати дію, то вікно із попередженням закривається, а користувач залишається на поточній сторінці.