Как сделать гиперссылку с открытием в новой вкладке?
Используйте следующий код в тексте: <a href="Ссылка" target="_blank">Текст</a>
Как добавить серый текст «Ответьте на несколько вопросов и узнайте, что делать дальше»?
Используйте следующий тег: <p style='color:#66727F'> Ответьте на несколько вопросов и узнайте, что делать дальше </p>
Когда нужно добавлять надпись «Ответьте на несколько вопросов и узнайте, что делать дальше»?
Данную надпись необходимо добавлять в том случае, если после стартового экрана следуют Квизы. Для случаев, когда после стартового экрана следует Страница решения — данную надпись добавлять не нужно
Как сделать списки первого и второго уровня?
Используем следующие теги:
Какие основные правила оформления списков?
- Перед списком первого уровня не ставится двоеточие
- Список первого уровня оформляется с помощью синих буллитов
- Перед списком второго уровня ставится двоеточие
- Списки второго уровня оформляются в виде синих черточек
Нужно ли указывать для кого предоставляется услуга (ФЛ, ЮЛ, ИП, ИГ)?
Нет, эти данные определяются автоматически в зависимости от учётной записи пользователя. Данную информацию не нужно указывать на стартовом экране, допускается более формализированное описание предоставления услуги
Для разделения сценария нужно настраивать правила перехода в зависимости от типа УЗ, посмотреть реализацию можно по ссылке
Где разместить на экране оптимизированный стандарт?
Оптимизированный стандарт в ВКУ размещается после основного содержимого текста, выше надписи «Ответьте на несколько вопросов и узнайте, что делать дальше»
Как сделать поп-ап?
Для того, чтобы сделать поп-ап в каком-нибудь компоненте, необходимо найти в настройке компонента блок «Атрибуты компонента» => «Пояснительные переходы», в поле «Ключ» указывается имя, которое будет использовано в содержании текста в формате <a id='имя_ключа'>Имя поп-апа</a>, заголовок и содержимое поп-апа также задаются внутри настроек компонента следующими пунктами. Аналогичным способом реализуется в подзаголовке экрана в блоке «Пояснение к заголовку и подзаголовку»
Какой стиль применять для стартового экрана?
Необходимо применять «Стиль для первого экрана» в настройках экрана
Какую информацию выводить на стартовом экране?
Пример
- Что из себя представляет услуга: 1—2 предложения. Основная идея указать то, что может ожидать пользователя в ходе прохождения услуги
- Кто может получить услугу: списки первого уровня с перечислением
- Какие ограничения на получение услуги: списки первого уровня с перечислением
- «Ответьте на несколько вопросов...», если далее следует Квиз
Как оформлять Нормативно-Правовые акты?
Два варианта реализации представлены на стартовом экране в Эталонной услуге v 1.0.0
Где должен находиться экран «За кого подаёте заявление?»
Данный экран должен следовать сразу после стартового экрана. Необходим, чтобы определить кто проходит услугу и разделить услугу на несколько сценариев. Варианты ответов: За себя/За другого человека
Какое максимальное допустимое количество ответов в квизах?
Максимальное количество ответов по регламенту — 6, однако, если ответы являются объёмными (от 3 и более строк) и не помещаются полностью на экране, то могут быть предложены различные варианты по решению ситуации
Существует три самых частых пути решения данного вопроса.
- Сократить или перефразировать ответы по возможности
- Реализовать с помощью компонента DropDown (выпадающий список)
- Разбить на несколько квизов, связанных по смыслу
Как использовать тире и дефис?
Дефис используется внутри сложных слов, тире — можно заменить словом «это»
Нужно ли использовать отдельные формулировки для получателя услуги и представителя?
Да, для сценария Представителя необходимо указывать в заголовке, что информация на экране предназначена для получателя услуги. Для сценария Получателя услуги экраны названы с обращением к получателю. Пример: «К какой категории вы относитесь?/ К какой категории относится получатель услуги?»
Допускается ли использование радиобаттонов в квизах?
Нет, все ответы оформляются в Квизах в виде ответов на вопросы без использования радиобаттонов
Нужно ли задавать вопросы для уточнения гендера?
Нет, данные о гендере определяются автоматически. Это зависит от того, какой гендер указан в учетной записи пользователя. Для реализации зависимости необходимо использовать гендерно-зависимые экраны
Как правильно задать вопрос о стране проживания?
Заголовок экрана должен быть «Вы проживаете на территории РФ?» ответы: «Да/Нет»
Как правильно оформлять ответы на вопрос о гражданстве?
Корректными ответами являются: «Гражданин РФ/Иностранец/Лицо без гражданства»
Какие Квизы должны следовать до Страницы решения?
Квизы, которые влияют на сценарий услуги и комплект документов на Странице решения
В каком случае используются «Скан или фото» и «Сведения о»?
«Сведения о...» используется, если нужно внести сведения о документе на формах ввода
«Скан или фото» используется, если нужно загрузить копию документа в загрузчике
Важно! Если нужны и сведения и копия, используем просто «Скан или фото»
Как называть документ, если его необходимо будет загрузить в ходе прохождения услуги?
Документы такого типа следует называть отталкиваясь от ситуации
- Скан — если необходим документ в формате pdf
- Скан или фото — если необходимо просто загрузить какой-то документ в формате pdf, png, jpeg
- Имя документа — в случае иных форматов
Как оформлять документы, которые несут дополнительный характер и не являются обязательными?
Необходимо их указывать отдельным буллитом в общем списке и применять поп-ап, в котором будет перечень таких документов
Допускается ли выделение жирным названия документов в поп-апе?
Нет, документы выделять жирным не нужно
Как оформлять заголовок в поп-апе документа?
Дублируем название документа, заголовки в формате вопроса не допускаются
Как называть документы, которые связаны с получателем услуги?
Они называются «Сведения о получателе услуги» и указываются первыми в списке
Как называются документы, которые связаны с представителем?
Они называются «Сведения о представителе» и следуют после «Сведения о получателе услуги»
Допускается ли список документов из одного пункта на странице решения?
Нет, в таких случаях нужно добавить ещё какой-нибудь документ. Например, «Сведения о месте жительства»
Какой стиль использовать для Страницы решения?
Необходимо применять «Стиль для страницы решения»
Как оформлять блок «Стоимость»?
- Слово «госпошлина» не пишем
- Тысячи разделяются пробелом
- Добавляется символ рубля
- Указывается только одна стоимость, если она максимальная
- Остальные данные офомрляются в поп-ап. Если диапазон, то также используется с поп-апом, а также пояснение для каждой стоимости. Для избежания таких сценариев — используйте квизы до страницы решения, чтобы указать максимальную стоимость
Как оформлять блоки, которые не находятся внутри белой области?
Все такие блоки должны быть в теге <h5>Имя блока </h5>
Что указывать в блоке «Результат»?
Всегда указываем что «Уведомление о … поступит/придёт в личный кабинет»
Как сделать ссылку-раскрывашку?
Реализация: <li>Сведения о вашей деятельности <a id='docofright'>за последние 10 лет</a> <div class='block--description' data-hidden-id='docofright' hidden> Для этого вам могут понадобиться: аттестат о среднем образовании, диплом об окончании учебного заведения, копия трудовой книжки, военный билет, свидетельство о государственной регистрации ИП, адрес места проживания в те периоды, когда вы не работали и не учились <a id='docofright' class='block--description__link-close'> Свернуть</a> </div> </li>
Какой поп-ап использовать для УКЭП?
Как в Эталонной услуге используются актуальный поп-ап на Странице решения и УКЭП
Как реализовать linkedValues с использованием чекбоксов до Страницы решения?
Реализация:
- В настройке компонента InfoScr в расширенном режиме в блоке «Вычисляемые аргументы компонента (linkedValues)» — указать «Название аргумента» (к этому аргументу будет производиться обращение для вывода информации)
- В поле «Компонент» — указать компонент на основе данных которого будет реализовано условие
- В блоке «Выражение для вычисление», в поле «Условие when» — "true", в поле «Условие then» — набор документов <li>Документ 1</li> <li>Документ 2</li>
- Условие для false оставляем пустым, если вариантов больше 2
- Для отображения получившихся данных в поле «Текст компонента» — подтягиваем данные в формате <ul>${Название аргумента 1}${Название аргумента 2}</ul>
Как добавить дивайдер (разделительная синяя полоска)?
Для этого необходимо использовать блок в расширенной настройке компонента «Объединение полей в группу», в котором поля задаются строго по их очередности и ставится галочка «Отрисовка разделителя»
Как правильно называть заголовок?
Для ИП и ФЛ: «Проверьте ваш номер телефона»/«Проверьте вашу электронную почту»
Для ЮЛ: «Проверьте телефон организации»/«Проверьте электронную почту организации»
Как правильно называть лейбл для контактов?
Корректными лейблами являются «Номер телефона»/«Электронная почта»
Как добавить лейбл?
В компоненте ConfirmPersonalUserPhone или ConfirmPersonalUserEmail задать имя в поле «Заголовок компонента»
Какой компонент использовать для адреса?
ConfirmAddress используется в случаях, когда необходимо проверить или подтвердить адрес из УЗ
Если необходимо ввести адрес вручную, то используется компонент AddressInput
Можно ли использовать чекбоксы на совпадения адресов?
Нет, реализуем с помощью уточняющих квизов
Как добавить поп-ап «Откуда эти данные..» (ЮЛ, ИП)?
Для того, чтобы добавить поп-ап необходимо:
- Зайти в настройку экрана адреса
- Опуститься в блок "Подзаголовок"
- Добавить «Текст подзаголовка» — <a href='' id='*Ключ*'">Откуда эти данные и как исправить ошибку</a>"
- Добавить «Пояснения к заголовку и подзаголовку», в поле «Заголовок модального окна» — «Откуда эти данные и как исправить ошибку»
- В поле «Текст модального окна» добавить:
Данные указаны вами при регистрации профиля организации на Госуслугах. Они сверены с реестрами в ФНС
Если в данных ошибка, обратитесь <a href="https://service.nalog.ru/addrno.do">в налоговую инспекцию</a> по месту регистрации и <a href="https://service.nalog.ru/gosreg/intro.html?sfrd=13014">внесите изменения в ЕГРЮЛ</a> </p> <p>Когда убедитесь, что данные в ЕГРЮЛ исправлены, перейдите <a href="https://esia.gosuslugi.ru/login/">в личный кабинет</a> и нажмите «Обновить»</p>
Как правильно оформлять выпадающий список, состоящий из одного элемента?
Такой список лучше скрывать от пользователя, но, если он необходим для понимания, нужно его блокировать.
- Использовать компонент StringInput
- В настройке компонента внести данные в поле «Значение по умолчанию» и выставить в поле «Только для чтения» — «Да»
Для каких полей нужна проверка поля на корректность ввода?
Основные правила проверки полей на корректность ввода
- У каждого поля должна выводиться ошибка «Некорректные данные»
- Для полей ФИО — использовать регулярное выражение ^[А-ЯЁ][а-яё]*$|^[А-ЯЁ][а-яё]*[- ][А-ЯЁixvlcIVXLC][а-яё]*[- ]?[ixvlcIVXLC]*
- Для количественных полей — только числовая запись
- Для полей адреса (случай когда нужно указать сперва на русском, а затем на английском) — возможность ввода либо кириллицы, либо латиницы
- Для регулярных полей — использовать подсказку к полю, либо в подсказке указать формат, в котором ввести значение
- Для номера телефона — маска ввода
- Для сайта — валидация
- Для полей серии и номера паспорта, кадастрового номера — маска ввода
- Для полей ИНН, если ЮЛ — 10, если ИП — 12 символов
- Для полей ОГРН/ОГРНИП — ограничение на ввод символов
- Для полей даты, если есть какая-то зависимость одного значения от другого — необходима проверка. Чтобы реализовать зависимость в компоненте DateInput одной даты от другой (например период обучения) — необходимо в компоненте, в котором указывается дата окончания, добавить ограничение в блоке «Ограничения на вводимую дату (с условием)», указываем в поле «Условие сравнения с заданной датой» >=, в поле «Ссылка/Постоянная величина» ref, а в поле «Значение» имя компонента с дата начала
Когда должен следовать экран подтверждения документов представителя?
Данный экран должен следовать сразу после подтверждения адреса или первым среди загрузчиков
Допускаются ли вопросы в лейблах?
Нет, вопросы допускаются только в заголовках Квизов
Почему не работает маска ввода у компонента OgrnInput?
На текущий момент все Input объединены в один для упрощения поддержки. Правила валидации могут не поддерживаться на отдельных, рекомендуется использовать StringInput
Как сделать крестик на компоненте?
Для того, чтобы добавить крестик на компоненте — необходимо в настройке компонента RepeatableFields выставить галочку у поля «Может ли пользователь удалить первый блок?»
Как добавить заголовок на клон-панель?
У каждой клон-панели должнен быть заголовок с порядковым номером, чтобы это реализовать необходимо в настройках компонента в области «Атрибуты компонента» в поле «Заголовок блока» использовать следующий код: <b class='counter'>*Имя заголовка*</b>
Как назвать кнопку добавления следующего элемента?
«Добавить ещё *имя элемента*»
Можно ли в условиях перехода между экранами ссылаться на компоненты, которые являются частью RepeatableFields?
Нет, нельзя, потому что компоненты, находящиеся внутри повторяшки лежат в массиве
Как сделать дисклеймер?
Нужно заполнить поле «Дополнительный текст»
Актуальный дисклеймер можно найти в Эталонной услуге на экранах с Файлозагрузчиками
Как добавить текст перед подписанием?
Использовать составной экран, добавить текст в поле в настройках компонента, установить галочку «Отобразить надпись под основным экраном» (счётчик будет на белой плашке)
Как назвать кнопку перед экраном с УКЭП?
Кнопка должна называться «Перейти к подписанию», в случае если квиз, то «Да/Нет, перейти к подписанию»
Когда следует указывать адрес ведомства?
В том случае, когда необходимо личное посещение
Какой стиль использовать для финального экрана?
Необходимо применять «Стиль для финального экрана»
Как реализовать правила перехода от типа гражданства?
Реализация для россиянина
- Используется «Сложное условие» с выбором «Значение атрибута из ЕСИА»
- В поле «Значение атрибута из ЕСИА» указывается "citizenshipCode"
- В поле «Тип данных» — «Строка»
- Операция сравнения "equals"
- В поле аргументы, значение — добавить "RUS"
- Тип значения — "UserConst"
citizenshipCode Equals RUS — россиянин
citizenshipCode Equals пустое — россиянин
Как настроить правила перехода для платформы полномочий руководитель/сотрудник?
Для реализации необходимо
- Использовать «Сложное условие» в условиях перехода
- Тип справниваемого поля — «Значение атрибута из ЕСИА»
- Значение атрибута из ЕСИА — "userRole"
- Поле «Тип данных» — «Строка»
- Поле «Операция сравнения» — "notEquals"
- В блоке «Аргументы» в поле «Значение» — "true"
- В поле «Тип значения» — "UserConst"
false — сотрудник
Почему не загружается чек-лист?
Можете использовать архив всех файлов, ограничение в СЦ до 20 мб на один файл, файлов может быть сколько угодно. В старой версии ЛК всегда без ошибок, пользователей от неё отделяет один клик, по времени/удобству проблем практически нет
Как обновить услугу в проде, если нужно внести изменения?
Необходимо подать заявку в СЦ на повторное обновление (п. 3.7 ТТ)
Нужно ли создавать заявку на проведение редконтроля, если в форму внесли изменения после положительного решения?
В случае внесения изменений в услугу (доработка экранов, изменение логики построения, добавление сценариев, иное), ранее успешно прошедшую редакторский и дизайнерский контроль форм, необходимо заново пройти контроль форм путём создания соответствующей заявки в ФГИС СЦ. В случае направления заявки на вывод из тестовой среды в продуктивный контур, создание заявки на проведение редакторского и дизайнерского контроля не требуется. В случае, если изменения касаются только одного экрана, допустимо отработать проверку в рабочем порядке со специалистами Минцифры России
Как реализовать циклы в ВКУ?
Как посмотреть услугу 9900?
Услуга доступна для просмотра во вкладке шаблоны или по ссылке