Войти

Компонент отображения информации на экране (InfoScr)

Общая информация

Компонент InfoScr представляет из себя информационный блок, в котором пользователю отображается произвольный текст или изображение.

Поддерживаемые экраны

Компонент может быть задействован на экране типа: 

Внешний вид компонента

В услуге

В конструкторе

Структура компонента InfoScr

ВКУ

JSON

 

В конструкторе

Атрибут

Тип

Описание

1

Идентификатор компонента

id

string

Уникальный идентификатор компонента в JSON

2

Удобочитаемое имя компонента

   

Допускается ввод любых данных для отображения в конструкторе, однако классическим видом является s1_с1, где номера — сгенерированные идентификаторы, s — экран, c — компонент

3

Текст компонента

label

string

Текст компонента. Для большинства компонентов доступна возможность использования HTML разметки (<b> <strike> <span> и т.д.)

4

Пояснительные переходы

   

Создание модального окна (поп-ап)

5

Ссылки для подстановки значений в отображаемый текст

   

Описывает массив объектов представляющих собой ссылки на компоненты и их поля отображавшиеся ранее в рамках взаимодействия с пользователем по текущей услуге. Служит для отображения ранее введённых данных

5.1

Ключ

    Имя аргумента

5.2

Компонент

   

Из какого компонента взять значение

5.3

Атрибут компонента

   

Указывается путь из черновика до значения

5.4

Преобразование

     

5.5

Формат

     

6

Ссылка на картинку 

src

string

Указывается ссылка на картинку

7

Подпись для картинки

alt

string

Описание картинки

8

Вычисляемые аргументы компонента (linkedValues)

attrs

object

Атрибуты компонента, позволяющие реализовать сложный функционал

Пример JSON структуры компонента передаваемой в DTO

{

visited: true,

value: "Электронная справка"

}

Вариант использования

Данный компонент применяют на Стартовом экране, Странице решения, а также Финальном экране. Тупиковые экраны также оформляются при помощи данного компонента, для добавления изображения на экран необходимо перейти в настройках к блоку «Блок атрибутов для вставки изображения» указать ссылку на картинку и указать подпись к ней при необходимости.


Авторизуйтесь, чтобы оставить комментарий к статье