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

Продукты
Все продукты

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

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

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

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

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

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

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

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

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

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

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

Пример. На панели инструментов страницы с реестром настроить кнопку Действия с вложенным меню, которое содержит два пункта: Открыть домашнюю страницу и Добавить запись. Вложенные пункты меню Открыть домашнюю страницу позволяют открыть домашнюю страницу Sales и Studio. Вложенные пункты меню Добавить запись позволяют создать новые записи контакта и контрагента.

Рис. 4 — Кнопка меню с несколькими уровнями вложенности
scr_button_with_menu.png
  1. В шаблон страницы добавьте кнопку и задайте основные параметры:

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

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

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

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

      1. Откройте настройки пункта меню Открыть домашнюю страницу.
      2. В блоке Пункты меню нажмите .
      3. На панели настройки задайте основные параметры пункта меню (Рис. 6):

        1. Заголовок — “Sales”. По кнопке set_title_field_localization.png в правой части поля вы можете добавить переводы заголовка на все языки, которые планируете использовать в приложении. Это позволит сэкономить время на переводе уже готового приложения.
        2. Действие — “Открыть произвольную страницу”.
        3. Какую страницу открыть? — “Домашняя страница Sales”.
      Рис. 6 — Настройки вложенного пункта меню
      scr_open_sales_page.png
    3. Повторите шаги a – c для вложенного пункта меню, который открывает домашнюю страницу Studio.
  3. Аналогичным образом настройте вложенное меню, пункты которого будут содержать вложенные действия по добавлению записи контакта и контрагента.
Рис. 7 — Настройки кнопки
scr_menu_settings_2.png

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

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

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

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

Пример. На панели инструментов страницы записи настроить кнопку Запустить процесс, которая запускает бизнес-процессы Актуализация возраста и Обновить полноту профиля.

Рис. 8 — Запуск бизнес-процессов из меню кнопки
scr_button_with_menu_business_process.png
  1. В шаблон страницы добавьте кнопку и задайте основные параметры:

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

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

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

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