Примеры настройки кнопок

Вы можете настраивать различные кнопки в зависимости от ваших бизнес-задач. Настройка кнопки выполняется в Freedom UI дизайнере. Подробнее: Кнопка.

Настроить кнопку с несколькими типовыми действиями 

Чтобы не утяжелять интерфейс страницы большим количеством кнопок с типовыми действиями, например, сохранения записи, отмены изменений или закрытия страницы, вы можете объединить несколько близких по смыслу действий в выпадающем меню одной кнопки.

Рис. 1 — Кнопка с несколькими типовыми действиями

1. Откройте панель настройки кнопки [ Сохранить ], которая по умолчанию добавлена в шаблон страницы, и отредактируйте основные параметры:

   1. [ Заголовок ] — “Сохранить и закрыть”. По кнопке в правой части поля вы можете добавить переводы заголовка на все языки, которые планируете использовать в приложении. Это позволит сэкономить время на переводе уже готового приложения.
   Рис. 2 — Настройки кнопки

   

2. Добавьте выпадающее меню с действием закрытия страницы.

   1. В блоке [ Пункты меню ] нажмите .

   2. На панели настройки задайте основные параметры пункта меню (Рис. 3):

      1. [ Заголовок ] — “Закрыть”. По кнопке в правой части поля вы можете добавить переводы заголовка на все языки, которые планируете использовать в приложении. Это позволит сэкономить время на переводе уже готового приложения.
      2. [ Действие ] — “Закрыть страницу”.
      Рис. 3 — Настройки пункта меню кнопки

      

В результате на странице записи появится кнопка [ Сохранить и закрыть ], по нажатию которой пользователь сможет сохранить внесенные изменения и перейти в реестр раздела. При выборе пункта [ Закрыть ] в выпадающем меню кнопки пользователь сможет закрыть страницу без сохранения внесенных изменений.

Настроить кнопку для выполнения различных действий 

Для максимально гибкой работы в приложении вы можете настраивать на его страницах кнопки, объединяющие разнообразные действия, которые могут быть востребованы пользователями на различных этапах процесса.

Рис. 4 — Кнопка меню с несколькими уровнями вложенности

1. В шаблон страницы добавьте кнопку и задайте основные параметры:

   1. [ Заголовок ] — “Действия”. По кнопке в правой части поля вы можете добавить переводы заголовка на все языки, которые планируете использовать в приложении. Это позволит сэкономить время на переводе уже готового приложения.
   2. [ Стиль кнопки ] — “Основной”.

2. Настройте вложенное меню, пункты которого будут содержать действия по открытию страниц.

   1. Добавьте пункт, который будет содержать вложенные действия.

      1. В блоке [ Пункты меню ] нажмите .

      2. На панели настройки задайте основные параметры пункта меню (Рис. 5):

         1. [ Заголовок ] — “Открыть домашнюю страницу”. По кнопке в правой части поля вы можете добавить переводы заголовка на все языки, которые планируете использовать в приложении. Это позволит сэкономить время на переводе уже готового приложения.
         2. [ Действие ] — “Открыть произвольную страницу”.
         Рис. 5 — Настройки пункта меню

         

   2. Для меню [ Открыть домашнюю страницу ] добавьте вложенный пункт меню, который открывает домашнюю страницу Sales.

      1. Откройте настройки пункта меню [ Открыть домашнюю страницу ].
      2. В блоке [ Пункты меню ] нажмите .

      3. На панели настройки задайте основные параметры пункта меню (Рис. 6):

         1. [ Заголовок ] — “Sales”. По кнопке в правой части поля вы можете добавить переводы заголовка на все языки, которые планируете использовать в приложении. Это позволит сэкономить время на переводе уже готового приложения.
         2. [ Действие ] — “Открыть произвольную страницу”.
         3. [ Какую страницу открыть? ] — “Домашняя страница Sales”.
      Рис. 6 — Настройки вложенного пункта меню

      
   3. Повторите шаги a – c для вложенного пункта меню, который открывает домашнюю страницу Studio.
3. Аналогичным образом настройте вложенное меню, пункты которого будут содержать вложенные действия по добавлению записи контакта и контрагента.

Рис. 7 — Настройки кнопки

В результате на панель инструментов страницы с реестром будет добавлена кнопка [ Действия ], через меню которой пользователи смогут:

• Открыть домашнюю страницу Sales.
• Открыть домашнюю страницу Studio.
• Добавить новую запись контакта.
• Добавить новую запись контрагента.

Настроить запуск бизнес-процессов из раздела по кнопке 

В Creatio запуск бизнес-процесса можно настроить по определенной записи раздела. Вы можете добавить запуск бизнес-процессов в любой объект Freedom UI с помощью кнопки.

Рис. 8 — Запуск бизнес-процессов из меню кнопки

1. В шаблон страницы добавьте кнопку и задайте основные параметры:

   1. [ Заголовок ] — “Запустить процесс”. По кнопке в правой части поля вы можете добавить переводы заголовка на все языки, которые планируете использовать в приложении. Это позволит сэкономить время на переводе уже готового приложения.
   2. [ Стиль кнопки ] — “Основной”.

2. Добавьте пункт, который запускает процесс актуализации возраста.

   1. В блоке [ Пункты меню ] нажмите .

   2. На панели настройки задайте основные параметры пункта меню (Рис. 9):

      1. [ Заголовок ] — “Актуализировать возраст”. По кнопке в правой части поля вы можете добавить переводы заголовка на все языки, которые планируете использовать в приложении. Это позволит сэкономить время на переводе уже готового приложения.
      2. [ Действие ] — “Запустить процесс”.
      3. [ Какой процесс запустить? ] — “Актуализация возраста”.
      Рис. 9 — Настройки пункта меню кнопки

      
3. Аналогичным образом добавьте пункт, который запускает процесс обновления полноты профиля.

Рис. 10 — Настройки кнопки

В результате бизнес-процессы [ Актуализация возраста ] и [ Обновить полноту профиля ] можно будет запустить по кнопке [ Запустить процесс ] на странице раздела.