Добавить всплывающую подсказку к полю на странице записи

Средний

Пример. Добавить всплывающую подсказку к полю Тип (Type) страницы контакта.

Создать схему замещающей модели представления страницы контакта 

  1. Перейдите в раздел Конфигурация (Configuration) и выберите пользовательский пакет, в который будет добавлена схема.
  2. На панели инструментов реестра раздела нажмите Добавить —> Замещающая модель представления (Add —> Replacing view model).

  3. Заполните свойства схемы.

    • Код (Code) — "ContactPageV2".
    • Заголовок (Title) — "Схема отображения карточки контакта" ("Display schema — Contact card").
    • Родительский объект (Parent object) — выберите "ContactPageV2".
  4. Добавьте локализуемую строку, которая содержит текст подсказки.

    1. В контекстном меню узла Локализуемые строки (Localizable strings) нажмите кнопку scr_add_button.png.
    2. Заполните свойства локализуемой строки.

      • Код (Code) — "TypeFieldHint".
      • Значение (Value) — "Выберите из списка тип контакта. <a href="https://academy.terrasoft.ua/docs/user/bazis_platformy/interfejs/stranitsy_zapisey/stranicy_zapisej" target="_blank">Узнать больше</a>" ("Choose the type of the contact from the list. <a href="https://academy.creatio.com/docs/user/platform_basics/user_interface/record_pages_shortcut/record_pages" target="_blank">Read more</a>").
    3. Для добавления локализуемой строки нажмите Добавить (Add).
  5. Настройте всплывающую подсказку к полю Тип (Type) страницы контакта. Для этого в массив модификаций diff добавьте конфигурационный объект поля на странице.

    Исходный код схемы замещающей модели представления страницы контакта представлен ниже.

    ContactPageV2
    define("ContactPageV2", [], function () {
        return {
            /* Название схемы объекта страницы записи. */
            entitySchemaName: "Contact",
            /* Отображение всплывающей подсказки. */
            diff: /**SCHEMA_DIFF*/[
                /* Метаданные для добавления к полю всплывающей подсказки. */
                {
                    /* Выполняется операция изменения существующего элемента. */
                    "operation": "merge",
                    /* Мета-имя изменяемого поля. */
                    "name": "Type",
                    /* Мета-имя родительского контейнера, в котором изменяется поле. */
                    "parentName": "ContactGeneralInfoBlock",
                    /* Поле изменяется в коллекции элементов родительского элемента. */
                    "propertyName": "items",
                    /* Свойства, передаваемые в конструктор элемента. */
                    "values": {
                        /* Свойство поля, которое отвечает за отображение подсказки. */
                        "tip": {
                            /* Текст подсказки. */
                            "content": { "bindTo": "Resources.Strings.TypeFieldHint" },
                            /* Режим отображения подсказки.
                            По умолчанию режим WIDE - толщина зеленой полоски, которая отображается в подсказке. */
                            "displayMode": Terrasoft.controls.TipEnums.displayMode.WIDE
                        }
                    }
                }
            ]/**SCHEMA_DIFF*/
        };
    });
    
  6. На панели инструментов дизайнера нажмите Сохранить (Save).

Результат выполнения примера 

Чтобы посмотреть результат выполнения примера, обновите страницу раздела Контакты (Contacts).

В результате выполнения примера к полю Тип (Type) страницы контакта добавлена всплывающая подсказка.