Рекомендации по переходу на интерфейс "Версия 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

1.2. Устаревшие шрифты в элементах стиля

Проверить использование шрифтов. Если используются устаревшие стилевые шрифты, то рекомендуется заменить их на другие шрифты таким образом:

• ОченьКрупныйШрифтТекста – ЗаголовокПервогоУровня,
• КрупныйШрифтТекста – ТекстПервогоУровня,
• ОбычныйШрифтТекста – ТекстТретьегоУровня,
• ШрифтТекста – ТекстТретьегоУровня.
• МелкийШрифтТекста – ПодзаголовокПервогоУровня.

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

1.3. Устаревшие цвета в стилях

Проверить все цвета в стилях и, если они заданы цветами вида WebЦвет или WindowsЦвет, задать их значениями цветов палитры.

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

1.4. Доработка макета оформления

В макетах оформления компоновки данных рекомендуется установить отступы и шрифт, которые используются в отчетах по умолчанию, интерфейса "Версия 8.5":

• Отступ слева: 0,5,
• Отступ справа: 0,5,
• Отступ сверху: 6,
• Отступ снизу: 6,
• Шрифт: Roboto, 9pt.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

К оглавлению раздела

2. Конфигурация

2.1. Режим совместимости

Проверить, что свойство РежимСовместимости конфигурации установлено в значение "Версия8_3_7" или выше.

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

2.2. Краткий заголовок

Рекомендуется задать краткий заголовок конфигурации (свойство КраткийЗаголовок конфигурации).

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

К оглавлению раздела

3. Картинки

3.1. Логотип, заставка и картинка основного раздела конфигурации

Проверить, что если в конфигурации задана заставка, логотип, картинка основного раздела, то эти картинки являются векторными и содержат отдельные варианты для светлой и для тёмной темы, либо шаблонный вариант для любой темы.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

3.2. Алгоритм подборка картинок

1) Поиск подходящей картинки в библиотеке картинок платформы.

2) Поиск подходящей картинки в библиотеке иконок, например, https://fonts.google.com/icons?icon.set=Material+Symbols

Рекомендуется использовать "Rounded" версию иконок

Рекомендуемые настройки:

• Fill: false,
• Weight: 400,
• Grade: 0,
• Optical Size: 24px.

3) Поиск подходящей картинки в библиотеке иконок, например, https://fonts.google.com/icons?icon.set=Material+Icons

Рекомендуется использовать "Rounded" версию иконок.

Рекомендуемые настройки:

• Size: 24dp,
• Density: 1x,
• Color: Black.

Допускается использовать картинки из коммерческих библиотек, например, https://nucleoapp.com/

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

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

3.3. Растровые картинки в библиотеке картинок

Проверить картинки из библиотеки картинок, являются ли они векторными. Если растровые, то предложить для интерфейса "Версия 8.5" использовать векторные, указав в варианте картинок:

• Плотность экрана – "Малая (ldpi)";
• Тип "Шаблонная", если картинка монохромная, или "Цветная", если картинка цветная.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

3.4. Векторные картинки в библиотеке картинок

Проверить векторные картинки из библиотеки картинок. Предложить для монохромных картинок указать признак "Тип" в значение "Шаблонная", для цветных картинок создать отдельный вариант картинки, адаптированный для отображения в светлой и тёмной теме.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

3.5. Цветные картинки в библиотеке картинок

По умолчанию рекомендуется для картинок, добавленных в библиотеку картинок, использовать признак "Тип" в значение "Шаблонная" (такая картинка будет автоматически окрашиваться в нужный цвет в соответствии с дизайном элемента формы).

Ситуации, когда признак "Тип" допускается устанавливать в значение "Цветная":

Если картинка цветная, и потеря цвета приведет к потере смысла всей картинки. Например:

, ,

Если картинка цветная и принадлежит некому набору картинок, отличающихся деталью, на которую важно обратить внимание пользователя, к примеру, картинка проведенного и помеченного на удаление документа, картинка статуса. Например:

,

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

3.6. Раскраска картинок

Для раскрашивания картинок предлагается использовать фиксированный набор цветов палитры и их аналог для тёмной темы:

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

3.7. Коллекции картинок

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

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

3.8. Абсолютные картинки в свойствах элементов формы

Проверить свойства элементов формы, в которых используются абсолютные картинки, перенести их в библиотеку картинок.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

К оглавлению раздела

4. Стили элементов форм

4.1. Устаревшие цвета

Проверить использования цветов. Если используются устаревшие стилевые цвета, то рекомендуется их заменить на цвета палитры.

Список устаревших стилевых цветов:

• АльтернативныйЦветФонаПоля,
• ЦветАктивности,
• ЦветАкцента,
• ЦветВажного,
• ЦветДополнительнойНавигации,
• ЦветНавигации,
• ЦветЛинииОтчета,
• ЦветОсобогоТекста,
• ЦветРамки,
• ЦветРамкиКнопки,
• ЦветТекстаВыделенияПоля,
• ЦветТекстаКнопки,
• ЦветТекстаПодвалаТаблицы,
• ЦветТекстаПодсказки,
• ЦветТекстаПоля,
• ЦветТекстаФормы,
• ЦветТекстаШапкиТаблицы,
• ЦветФонаВыделенияПоля,
• ЦветФонаГруппировкиОтчета1,
• ЦветФонаГруппировкиОтчета2,
• ЦветФонаКнопки,
• ЦветФонаПодвалаТаблицы,
• ЦветФонаПодсказки,
• ЦветФонаПоля,
• ЦветФонаФормы,
• ЦветФонаШапкиОтчета,
• ЦветФонаШапкиТаблицы.

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

4.2. Устаревшие шрифты

Если у поля ввода был задан шрифт, отличный от Авто, рекомендуется использовать свойство РазмерТекста с соответствующими значениями Уменьшенный (если размер шрифта меньше 10) или Увеличенный (если размер шрифта больше 10).

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

4.3. Шрифты декораций-надписей и полей надписей

Проверить использование шрифтов в декорациях-надписях и полях надписей. Не рекомендуется использовать шрифты заголовков (ЗаголовокПервогоУровня, …, ЗаголовокПятогоУровня). Вместо них рекомендуется использовать шрифты текстов (ТекстПервогоУровня, …, ТекстТретьегоУровня) и шрифты подзаголовков (ПодзаголовокПервогоУровня, ПодзаголовокВторогоУровня).

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

К оглавлению раздела

5. Элементы формы

5.1. Заголовок элементов формы

Заголовок элементов формы должен быть максимально кратким и ёмким по смыслу.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

К оглавлению раздела

6. Поля ввода

6.1. Числовые поля ввода с постфиксом

Если справа (или в заголовке) от числового поля ввода с кнопками регулирования выведена (или должна быть выделена) надпись, в которой выводится какой-то короткий текст, относящийся к полю ввода (например, "%", "руб."), то рекомендуется занести этот текст внутрь поля ввода через маску, используя параметр "Ч".

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

6.2. Многострочные поля ввода с кнопкой выбора

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

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

6.3. Выпадающие списки в многострочных полях ввода

В многострочных полях ввода не рекомендуется использовать выпадающий список (в интерфейсе "Версия 8.5" в многострочных полях ввода он не отображается).

В частности, не рекомендуется использовать многострочные поля ввода для ссылочных типов данных, а также не рекомендуется наполнять параметр <ДанныеВыбора> в обработчиках событий АвтоПодбор.

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

6.4. Несколько кнопок внутри полей ввода

В полях ввода рекомендуется иметь не более одной внутренней кнопки (кнопка выпадающего списка, кнопка выбора, не считая кнопку очистки).

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

6.5. Выравнивание текста внутри однотипных числовых полей ввода

Если поля ввода, редактирующие данные типа Число, однотипные и стоят в форме друг над другом, то в интерфейсе "Версия 8.5" рекомендуется выравнивать текст по правому краю.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

6.6. Выравнивание текста внутри не однотипных или одиноко стоящих числовых полей ввода

Если поля ввода, редактирующие данные типа Число, не однотипные или одиночно стоящие, то в интерфейсе "Версия 8.5" рекомендуется выравнивать текст по левому краю.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

6.7. Картинки в полях ввода

Рекомендуется в отдельных редких случаях (не массово) устанавливать общепринятую картинку в поле ввода. При принятии решении об установке картинки нужно учитывать, что должны быть особые аргументы для этого. Как правило, устанавливать картинку нужно для того, чтобы сделать поле ввода легко опознаваемым или для того, чтобы сделать форму более привлекательной.

Примеры использования картинок в полях ввода:

• Телефон (картинка телефонной трубки),
• E-mail (картинка конверта),
• Сайт (картинка глобуса),
• Адрес (картинка карты или маркер на карте),
• Поиск (картинка лупы),
• Тэг (картинка бирки).

• Аватар (миниатюра аватара),
• Статус (цветная точка или иконка),
• Телефон (флаг по коду страны),
• Банковская карта при вводе номера (картинка платежной системы).

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

6.8. Поле ввода поиска

Если в форме добавлено поле поиска, то рекомендуется настроить его следующим образом:

• Отключен заголовок.
• Задана картинка поля ввода – БиблиотекаКартинок.Найти.
• Задана подсказка ввода "Поиск".
• Включена кнопка очистки.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

6.9. Поля ввода начальной и конечной дат диапазона

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

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

К оглавлению раздела

7. Поля HTML-документов

7.1. Формирование кода HTML для поля HTML-документов

При формировании кода HTML для поля HTML-документов следует учитывать, что HTML должен корректно отображаться в светлой и тёмной теме. Для этого рекомендуется использовать цвета, заданные CSS-переменными.

Список CSS-переменных:

• --colorBrand110 (светлая тема: #fffce5, темная тема: #403b19),
• --colorBrand120 (светлая тема: #fff4ab, темная тема: #706727),
• --colorBrand130 (светлая тема: #ffec73, темная тема: #a19230),
• --colorBrand140 (светлая тема: #ffe438, темная тема: #cfba34),
• --colorBrand150 (светлая тема: #ffdd00, темная тема: #ffe433),
• --colorBrand160 (светлая тема: #cfb300, темная тема: #ffea5e),
• --colorBrand170 (светлая тема: #a18b00, темная тема: #fff08c),
• --colorBrand180 (светлая тема: #706100, темная тема: #fff6b8),
• --colorBrand190 (светлая тема: #403700, темная тема: #fffce5),
• --colorBrand210 (светлая тема: #e5f2ff, темная тема: #192c40),
• --colorBrand220 (светлая тема: #b3d6fc, темная тема: #2b4b6e),
• --colorBrand230 (светлая тема: #86befc, темная тема: #3b699c),
• --colorBrand240 (светлая тема: #55a4fa, темная тема: #4b87c9),
• --colorBrand250 (светлая тема: #278bf9, темная тема: #5aa6f9),
• --colorBrand260 (светлая тема: #186dc9, темная тема: #7db9fa),
• --colorBrand270 (светлая тема: #0c519c, темная тема: #9fccfc),
• --colorBrand280 (светлая тема: #04376e, темная тема: #c2defc),
• --colorBrand290 (светлая тема: #001e40, темная тема: #e5f2ff),
• --colorRed10 (светлая тема: #ffe7e5, темная тема: #401b19),
• --colorRed20 (светлая тема: #ffbbb8, темная тема: #70302d),
• --colorRed30 (светлая тема: #ff928c, темная тема: #a14540),
• --colorRed40 (светлая тема: #ff675e, темная тема: #cf5953),
• --colorRed50 (светлая тема: #ff3e33, темная тема: #ff6e66),
• --colorRed60 (светлая тема: #cf281f, темная тема: #ff8b85),
• --colorRed70 (светлая тема: #a11810, темная тема: #ffaaa6),
• --colorRed80 (светлая тема: #700b06, темная тема: #ffc7c4),
• --colorRed90 (светлая тема: #400300, темная тема: #ffe7e5),
• --colorOrange10 (светлая тема: #fff4e5, темная тема: #403019),
• --colorOrange20 (светлая тема: #ffdfb3, темная тема: #70532b),
• --colorOrange30 (светлая тема: #ffca80, темная тема: #a17538),
• --colorOrange40 (светлая тема: #ffb54d, темная тема: #cf9544),
• --colorOrange50 (светлая тема: #ffa01a, темная тема: #ffb54d),
• --colorOrange60 (светлая тема: #cf8011, темная тема: #ffc573),
• --colorOrange70 (светлая тема: #a16108, темная тема: #ffd599),
• --colorOrange80 (светлая тема: #704303, темная тема: #ffe4bf),
• --colorOrange90 (светлая тема: #402500, темная тема: #fff4e5),
• --colorYellow10 (светлая тема: #fffbe5, темная тема: #403919),
• --colorYellow20 (светлая тема: #fff1ab, темная тема: #706427),
• --colorYellow30 (светлая тема: #ffe873, темная тема: #a18e30),
• --colorYellow40 (светлая тема: #ffde38, темная тема: #cfb534),
• --colorYellow50 (светлая тема: #ffd500, темная тема: #ffdd33),
• --colorYellow60 (светлая тема: #cfad00, темная тема: #ffe45e),
• --colorYellow70 (светлая тема: #a18600, темная тема: #ffec8c),
• --colorYellow80 (светлая тема: #705e00, темная тема: #fff3b8),
• --colorYellow90 (светлая тема: #403500, темная тема: #fffbe5),
• --colorGreen10 (светлая тема: #e5ffec, темная тема: #194023),
• --colorGreen20 (светлая тема: #abf7be, темная тема: #256635),
• --colorGreen30 (светлая тема: #72ed91, темная тема: #2f8f47),
• --colorGreen40 (светлая тема: #3ee568, темная тема: #35b554),
• --colorGreen50 (светлая тема: #0cdc40, темная тема: #37dc60),
• --colorGreen60 (светлая тема: #07b533, темная тема: #5ee680),
• --colorGreen70 (светлая тема: #048f27, темная тема: #8aeda2),
• --colorGreen80 (светлая тема: #01661a, темная тема: #b7f7c7),
• --colorGreen90 (светлая тема: #004010, темная тема: #e5ffec),
• --colorLightBlue10 (светлая тема: #e5f8ff, темная тема: #193540),
• --colorLightBlue20 (светлая тема: #b8ebff, темная тема: #2c5b6e),
• --colorLightBlue30 (светлая тема: #8bdcfc, темная тема: #3f839e),
• --colorLightBlue40 (светлая тема: #5dcffc, темная тема: #52a9cc),
• --colorLightBlue50 (светлая тема: #32c1fa, темная тема: #64cffa),
• --colorLightBlue60 (светлая тема: #1f9bcc, темная тема: #86dafc),
• --colorLightBlue70 (светлая тема: #10769e, темная тема: #a4e3fc),
• --colorLightBlue80 (светлая тема: #05506e, темная тема: #c7efff),
• --colorLightBlue90 (светлая тема: #002e40, темная тема: #e5f8ff),
• --colorBlue10 (светлая тема: #e5f2ff, темная тема: #192c40),
• --colorBlue20 (светлая тема: #abd3ff, темная тема: #274a70),
• --colorBlue30 (светлая тема: #73b6ff, темная тема: #3066a1),
• --colorBlue40 (светлая тема: #3897ff, темная тема: #347ecf),
• --colorBlue50 (светлая тема: #007aff, темная тема: #3395ff),
• --colorBlue60 (светлая тема: #0063cf, темная тема: #5eacff),
• --colorBlue70 (светлая тема: #004da1, темная тема: #8cc3ff),
• --colorBlue80 (светлая тема: #003670, темная тема: #b8daff),
• --colorBlue90 (светлая тема: #001f40, темная тема: #e5f2ff),
• --colorViolet10 (светлая тема: #e6e5ff, темная тема: #1a1940),
• --colorViolet20 (светлая тема: #c3c2ff, темная тема: #302f6e),
• --colorViolet30 (светлая тема: #9e9dfc, темная тема: #4c4a9e),
• --colorViolet40 (светлая тема: #7c79fc, темная тема: #6866cc),
• --colorViolet50 (светлая тема: #5855fa, темная тема: #8987fa),
• --colorViolet60 (светлая тема: #3835cc, темная тема: #a19ffc),
• --colorViolet70 (светлая тема: #1d1b9e, темная тема: #b7b6fc),
• --colorViolet80 (светлая тема: #0b096e, темная тема: #cfcfff),
• --colorViolet90 (светлая тема: #010040, темная тема: #e6e5ff),
• --colorPurple10 (светлая тема: #f6e5ff, темная тема: #331940),
• --colorPurple20 (светлая тема: #e7b8ff, темная тема: #5a2d70),
• --colorPurple30 (светлая тема: #d88aff, темная тема: #803fa1),
• --colorPurple40 (светлая тема: #c85cff, темная тема: #a451cf),
• --colorPurple50 (светлая тема: #b92eff, темная тема: #ca61ff),
• --colorPurple60 (светлая тема: #931dcf, темная тема: #d582ff),
• --colorPurple70 (светлая тема: #700ea1, темная тема: #e0a3ff),
• --colorPurple80 (светлая тема: #4d0670, темная тема: #ebc4ff),
• --colorPurple90 (светлая тема: #2a0040, темная тема: #f6e5ff),
• --colorPink10 (светлая тема: #ffe5f9, темная тема: #401937),
• --colorPink20 (светлая тема: #ffb3ee, темная тема: #702a61),
• --colorPink30 (светлая тема: #ff7de3, темная тема: #a1378a),
• --colorPink40 (светлая тема: #ff4ad8, темная тема: #cf40b0),
• --colorPink50 (светлая тема: #ff15cc, темная тема: #ff47d7),
• --colorPink60 (светлая тема: #cf0ca4, темная тема: #ff6edf),
• --colorPink70 (светлая тема: #a1067f, темная тема: #ff96e8),
• --colorPink80 (светлая тема: #700258, темная тема: #ffbdf1),
• --colorPink90 (светлая тема: #400032, темная тема: #ffe5f9),
• --colorText10 (светлая тема: #ededf2, темная тема: #222226),
• --colorText20 (светлая тема: #d2d2d9, темная тема: #3a3a40),
• --colorText30 (светлая тема: #b5b5bd, темная тема: #525259),
• --colorText40 (светлая тема: #9b9ba3, темная тема: #6b6b73),
• --colorText50 (светлая тема: #81818a, темная тема: #84848c),
• --colorText60 (светлая тема: #66666e, темная тема: #9d9da6),
• --colorText70 (светлая тема: #4d4d54, темная тема: #b8b8bf),
• --colorText80 (светлая тема: #333338, темная тема: #d2d2d9),
• --colorText90 (светлая тема: #1c1c1f, темная тема: #ededf2),
• --colorBack10 (светлая тема: #f2f2f2, темная тема: #404040),
• --colorBack20 (светлая тема: #dbdbdb, темная тема: #575757),
• --colorBack30 (светлая тема: #c7c7c7, темная тема: #6e6e6e),
• --colorBack40 (светлая тема: #b0b0b0, темная тема: #828282),
• --colorBack50 (светлая тема: #999999, темная тема: #999999),
• --colorBack60 (светлая тема: #828282, темная тема: #b0b0b0),
• --colorBack70 (светлая тема: #6e6e6e, темная тема: #c7c7c7),
• --colorBack80 (светлая тема: #575757, темная тема: #dbdbdb),
• --colorBack90 (светлая тема: #404040, темная тема: #f2f2f2),
• --colorAdditional (светлая тема: #ffffff, темная тема: #1a1a1a).

Пример HTML-документа:

<!DOCTYPE  html>

<body>

      <span style="color: var(--colorRed70); background-color: var(--colorRed20);">Пример красного текста на красном фоне</span>

</body>
</html>

Примечание: Данную рекомендацию не следует применять для полей HTML-документа, расположенных в формах, которые используются как в интерфейсе "Такси", так и в интерфейсе "Версия 8.5". В таком случае рекомендуется иметь отдельные формы для разных интерфейсов.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

7.2. Рамка поля HTML-документов

Если поле HTML-документа не выполняет роль редактора, то рекомендуется отключать рамку поля HTML-документа.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

К оглавлению раздела

8. Переключатели

8.1. Переключатели со списком выбора более, чем семь элементов

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

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

8.2. Горизонтальные переключатели

Вместо горизонтальных полей переключателей рекомендуется использовать вид переключателя Тумблер.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

К оглавлению раздела

9. Флажки

9.1. Флажки в виде тумблера

Вместо флажков вида Тумблер рекомендуется использовать флажки вида Выключатель.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

К оглавлению раздела

10. Группы

10.1. Расположение элементов в горизонтальной группе с группой вида страницы

Не рекомендуется размещать элементы формы в одной горизонтальной группе вместе с группой вида страницы, у которой закладки заданы вертикально.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

10.2. Группы-страницы, отображающие в закладках только картинки

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

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

10.3. Отображение групп с заголовком

Если обычная группа с установленным заголовком не вложена ни в какую другую группу с заголовком, и в неё не вложена никакая другая группа с заголовком, то рекомендуется устанавливать у неё свойство Отображение в значение Авто.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

10.4. Вложенность групп

Если требуется подчеркнуть вложенность групп с заголовками, то устанавливая значения свойств Отображение, следует соблюдать иерархию вложенности, то есть группы рекомендуется вкладывать друг в друга таким образом:

• ОтображениеОбычнойГруппы.СильноеВыделение,
• ОтображениеОбычнойГруппы.ОбычноеВыделение,
• ОтображениеОбычнойГруппы.СлабоеВыделение,
• ОтображениеОбычнойГруппы.Нет.

Если требуется подчеркнуть вложенность групп заголовками, то рекомендуется начинать со значения:

• ОтображениеОбычнойГруппы.СильноеВыделение, если в форме отсутствует навигатор формы,
• ОтображениеОбычнойГруппы.ОбычноеВыделение, если в форме присутствует навигатор формы.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

К оглавлению раздела

11. Командные панели

11.1. Распределение команд завершения в форме

Командам рекомендуется проставить значение свойства НазначениеДействия в соответствии со следующими рекомендациями:

Рекомендации для форм объектов:

• В нижней командной панели (свойство НазначениеДействия равно НазначениеДействияКомандыФормы.Завершение) рекомендуется размещать команды:
  • Терминальные команды:
    • "Выбрать", "Отмена" и т.п. ,
    • "Записать и закрыть", "Провести и закрыть" и т.п.;
  • Команды, которые входят в состав терминальных команд:
    • "Записать", так как есть "Записать и закрыть" ,
    • "Провести", так как есть "Провести и закрыть";
    • Парные к этим командам:
      • "Провести" – "Отмена проведения";
    • Команды, логически связанные с терминальными командами:
      • "Вперед", "Назад" связаны с терминальной "Финиш";
    • Остальные команды рекомендуем размещать в верхней командной панели (свойство НазначениеДействия равно НазначениеДействияКомандыФормы.Обычное).

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

11.2. Распределение команд создания в форме

Командам рекомендуется проставить значение свойства НазначениеДействия в соответствии со следующими рекомендациями:

Рекомендации для форм списка:

• В верхней командной панели (свойство НазначениеДействия равно НазначениеДействияКомандыФормы.Обычное) рекомендуется размещать команды, относящиеся к форме целиком (не относящиеся только к таблице основного реквизита):
  • "Изменить форму", "Справка",
  • "Обновить все", если в форме несколько таблиц;
• В верхней командной панели в виде гиперссылки создания (свойство НазначениеДействия равно НазначениеДействияКомандыФормы.Создание) рекомендуется размещать команды, приводящие к созданию новых сущностей (например, "Новое письмо"). Если таких команд несколько, то при необходимости можно задавать у формы значения свойств ЗаголовокГруппыКнопокСоздания и КартинкаГруппыКнопокСоздания.
• Остальные команды – в командной панели таблицы.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

11.3. Отображение команд не в "Еще"

При наполнении командами командную панель необходимо обеспечить, чтобы была хотя бы одна видимая команда (не в "Еще").

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

11.4. Кнопки "Отмена", "Закрыть" и аналогичные в диалоговых окнах

В диалоговых окнах (за исключением окон сообщений, предупреждений и ошибок) не должно быть кнопок "Отмена", "Закрыть" и аналогичных, которые дублируют функционал стандартной кнопки закрытия диалогового окна.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

11.5. Кнопки "OK"

Рекомендуется не использовать в качестве заголовка кнопки "OK". Рекомендуется использовать глагол, характеризующий действие кнопки ("Сохранить", "Выбрать", "Применить", …).

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

11.6. Заголовок кнопки по умолчанию

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

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

11.7. Команды, связанные со строкой таблицы

Команды, связанные со строкой таблицы, рекомендуется настроить следующим образом:

• заполнить у команды свойство ИспользуемаяТаблица;
• установить команде свойство ИспользованиеТекущейСтроки в значение Авто или Использует;
• при необходимости вывести кнопку в видимую область текущей строки рекомендуется установить:
  • кнопке или команде картинку (свойство Картинка),
  • кнопке свойство ПоложениеВКоманднойПанели, отличное от значения ВДополнительномПодменю,
  • кнопке более высокую важность при отображении (свойство ВажностьПриОтображении), чтобы управлять порядком кнопок в видимой области.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

11.8. Команды, связанные с множественным выделением строк таблицы

Команды, связанные с множественным выделением строк таблицы, рекомендуется настроить следующим образом:

• заполнить у команды свойство ИспользуемаяТаблица,
• установить команде свойство ИспользованиеВыделенныхСтрок в значение Авто или Использует,
• при необходимости установить картинку команде или кнопке, заполнив свойство Картинка.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

11.9. Частотные команды

Рекомендуется выносить в видимую область командной панели только наиболее частотные команды. Остальные команды рекомендуется скрывать в "Еще".

Типовые, частотные команды командной панели, имеющие общепринятую картинку, допустимо отображать без текста (то есть ОтображениеКнопки.Картинка). Например, команды "Удалить", "Обновить", "Изменить".

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

11.10. Отображение команды

Если команду нельзя отобразить в виде общепринятой картинки, то команду рекомендуется выводить с текстом (то есть ОтображениеКнопки.Текст).

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

11.11. Группировка схожих по смыслу команд

Рекомендуется группировать при помощи разделителей схожие по смыслу команды.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

11.12. Однотипные кнопки в группах кнопок командных панелей

Внутри группы кнопок командной панели рекомендуется использовать кнопки с одинаковым отображением (например, только кнопки с текстом и картинкой).

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

11.13. Количество кнопок верхней командной панели формы

Рекомендуемое максимальное число команд в верхней командной панели формы – 4. Остальные команды рекомендуется скрывать в "Еще".

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

11.14. Единообразное отображение одних и тех же команд

В типовых формах со схожим набором команд, одинаковые команды рекомендуется располагать в одном месте (в начале или конце видимой области или в "Еще").

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

11.15. Порядок кнопок в верхней командной панели формы

Рекомендуемый порядок кнопок в верхней командной панели (слева направо):

• кнопки с отображением Картинка (рекомендуется использовать понятные и общепринятые картинки);
• кнопки с отображением КартинкаИТекст (важные команды, не понятные без подписи);
• кнопки с отображением Текст.
• Наименее важные команды или команды с длинным заголовком рекомендуется располагать в "Еще".

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

11.16. Порядок кнопок в нижней командной панели формы

Рекомендуемый порядок кнопок в нижней командной панели (слева направо):

• одна кнопка с главной важностью (то есть свойство Важность установлено в значение Главная);
• кнопки с обычной важностью (то есть свойство Важность установлено в значение Обычная);
• кнопки с дополнительной важностью (то есть свойство Важность установлено в значение Дополнительная).
• Наименее важные команды или команды с длинным заголовком рекомендуется располагать в "Еще".

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

11.17. Командные панели над элементом

Если кнопки связаны с каким-либо элементом, то рекомендуется располагать их в командной панели над этим элементом.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

11.18. Разбиение командной панели

Если одна командная панель со способом отображения в виде командной панели разбита на две (или более) для размещения между ними полей ввода или полей флажков, или др., тогда рекомендуется объединить командные панели в одну командную панель. Поля ввода, поля флажков и др. при этом рекомендуется разместить над командной панелью.

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

11.19. Имена команд формы списка

В интерфейсе "Такси" для форм, основным реквизитом которых является динамический список, при автозаполнении командной панели формы создаются кнопки с именами (в зависимости от типа основной таблицы и вида клиента):

• ФормаСкопировать,
• ФормаСоздатьГруппу,
• ФормаУстановитьПометкуУдаления,
• ФормаУдалить,
• ФормаИзменить,
• ФормаОбновить,
• ФормаУровеньВниз,
• ФормаУровеньВверх,
• ФормаПеренестиЭлемент,
• ФормаИерархическийСписок,
• ФормаСписок,
• ФормаДерево,
• ФормаОтменитьПоиск,
• ФормаПоискПоТекущемуЗначению,
• ФормаНайтиВСписке,
• ФормаВывестиСписок,
• ФормаНастройкаСписка,
• ФормаПровести,
• ФормаОтменаПроведения,
• ФормаУстановитьИнтервал,
• ФормаЗаписатьИзменения,
• ФормаПрочитатьИзменения,
• ФормаСоздатьНачальныйОбраз,
• ФормаСохранитьНастройкиДинамическогоСписка,
• ФормаЗагрузитьНастройкиДинамическогоСписка,
• ФормаСтандартныеНастройкиДинамическогоСписка,
• ФормаПоказатьМножественноеВыделение,
• ФормаИсторияИзменений,
• ФормаПолучитьНавигационнуюСсылку.

В интерфейсе "Версия 8.5" эти команды содержатся в командной панели основной таблицы и имеют имена вида <имя таблицы><имя команды>.

Например, СписокСкопировать.

Если в коде на встроенном языке есть обращение к этим кнопкам по имени, то при переходе на интерфейс "Версия 8.5" необходимо в этом обращении заменить имя кнопки.

Если это код будет работать и в интерфейсе "Такси", и в интерфейсе "Версии 8.5", то при обращении необходимо проверить текущий вариант интерфейса.

Например,

Если КлиентскоеПриложение.ТекущийВариантИнтерфейса = ВариантИнтерфейсаКлиентскогоПриложения.Версия8_5 Тогда
    Элементы.СписокСкопировать.Доступность = Ложь;
Иначе
    Элементы.ФормаСкопировать.Доступность = Ложь;
КонецЕсли;

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

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

ДЛЯ СОВМЕСТНОГО ИСПОЛЬЗОВАНИЯ В "ТАКСИ" И "ВЕРСИЯ 8.5"

11.20. Свойство ИспользуемаяТаблица команд формы

Если в процедуре или функции, вызываемой командой формы, используются свойства или методы обращения к данным строк таблицы формы (ВыделенныеСтроки, ТекущаяСтрока и ПолучитьСтрокиДляОбработки()), рекомендуется заполнить у данной команды свойство ИспользуемаяТаблица.

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

К оглавлению раздела

12. Кнопки

12.1. Общепринятые картинки

Кнопки формы и кнопки командной панели, которые отображаются только картинкой (свойство Отображение в значение ОтображениеКнопки.Картинка) должны содержать понятную, однозначно интерпретируемую или общепринятую картинку и заданную подсказку. В противном случае рекомендуется задавать заголовок кнопки.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

12.2. Символы в заголовках кнопок вместо картинок

Если заголовок кнопки начинается с символов "+", ">", "<" и подобных (которые можно заменить на отдельную картинку), то рекомендуется заменить их на картинки.

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

12.3. Одно-двух символьные кнопки

Если заголовок кнопки состоит из одного-двух символов (не букв и не цифр), то рекомендуется, заменить текст заголовка на общепринятую картинку.

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

12.4. Кнопки-гиперссылки

Если кнопка используется для перехода (как гиперссылка), то рекомендуется использовать кнопку вида Гиперссылка.

Если кнопка стоит в ряду других кнопок, и требуется подчеркнуть меньшую важность кнопки, то рекомендуется использовать кнопку вида ОбычнаяКнопка с установленным свойством Важность в значении Дополнительная.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

К оглавлению раздела

13. Таблицы

13.1. Ширина таблиц в режиме множественного выделения

Необходимо проверить все таблицы, у которых задана фиксированная ширина и множественный режим выделения. При переходе на интерфейс "Версия 8.5" в таблице может появиться горизонтальная прокрутка. Рекомендуется вручную увеличить ширину таблицы.

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

13.2. Ширина колонок таблицы

Рекомендуется оставить свойства ширины колонки таблицы по умолчанию: РастягиватьПоГоризонтали = Авто и Ширина = 0.

Важно помнить, что текст в заголовке колонки не влияет на автоматический расчет ширины колонки. В некоторых случаях ширина колонки может быть недостаточна для вывода текста заголовка. Следует проверить внешний вид и изменить заголовок колонки.

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

13.3. Вертикальная группировка столбцов таблицы

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

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

13.4. Флажки в первой колонке таблицы в режиме множественного выделения

Рекомендуется избегать ситуации, когда таблица находится в режиме множественного выделения, и первая колонка таблицы – поле флажка. В этой ситуации рекомендуется либо сменить режим выделения на одиночный, либо удалить колонку с полем флажка (если она ранее выполняла функцию выделения строки), либо переместить первую колонку таблицы не на первое место.

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

13.5. Закрепление колонок

Проверить все таблицы, где есть закрепленные области на предмет того, комфортно ли работать с незакрепленной областью на целевом разрешение экрана 1920 на 1080. Рекомендуется, чтобы закрепленные колонки (слева и справа) суммарно занимали бы не более 50% ширины таблицы.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

13.6. Использование выделенных строк таблицы

Рекомендуется проверить обработчики всех команд, относящихся к таблице. Если в обработчиках команд используются свойство ВыделенныеСтроки таблицы, то необходимо для работы со строками таблицы вместо него использовать вызов метода ПолучитьСтрокиДляОбработки().

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

13.7. Отметки в таблицах

Если в таблице, которая будет отображаться как в интерфейсе "Версия 8.5", так и в "Такси", используется отметка для отображения какого-нибудь состояния, то это состояние должно также дублироваться в какой-нибудь колонке. В противном случае пользователь не увидит состояние в интерфейсе "Такси".

Например, если для отображения состояния "Задача закрыта" используется отметка, то нужна также и колонка с текстом "Задача закрыта" или колонка с флажком.

ДЛЯ СОВМЕСТНОГО ИСПОЛЬЗОВАНИЯ В "ТАКСИ" И "ВЕРСИЯ 8.5"

13.8. Картинки в строках высотой больше единицы

Если в таблице со строками высотой больше единицы отображаются картинки, то не рекомендуется в формах, которые используются в интерфейсе "Такси", использовать картинки большой высоты, т.к. они при отображении будут обрезаться  (а в интерфейсе "Версия 8.5" – будут отображаться пропорционально размерам ячейки).

ДЛЯ СОВМЕСТНОГО ИСПОЛЬЗОВАНИЯ В "ТАКСИ" И "ВЕРСИЯ 8.5"

13.9. Картинки, отображаемые через условное оформление или обработчик ПриПолученииДанных

Если в таблице, которая будет отображаться как в интерфейсе "Версия 8.5", так и в "Такси", используется отображение картинок через условное оформление или обработчик ПриПолученииДанных, то эта картинка не будет отображаться в интерфейсе "Такси", и нужно выбрать способ отображения картинки не в таблице.

ДЛЯ СОВМЕСТНОГО ИСПОЛЬЗОВАНИЯ В "ТАКСИ" И "ВЕРСИЯ 8.5"

13.10. Заголовки колонок таблиц

Поскольку в интерфейсе "Версия 8.5" ширина колонок таблицы подбирается по содержимому, то колонки могут стать уже, чем были в интерфейсе "Такси". Из-за этого текст заголовков может отобразиться не весь. В связи с этим рекомендуется давать колонкам таблиц такие заголовки, чтобы по началу текста заголовка можно было понять, что это за колонка.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

К оглавлению раздела

14. Табличные документы

14.1. Табличные документы для ввода данных

Если табличный документ используется для ввода данных (т.е. используется как форма), то ячейки документа в которые можно вводить данные рекомендуется отмечать с помощью свойства ТипОтображенияРедактируемойЯчейки со значением КакПолеВвода.

Кроме того в таких табличных документах рекомендуется использовать стилевые шрифты и отступы, которые используются в отчетах по умолчанию, интерфейса "Версия 8.5":

• Отступ слева: 0,5,
• Отступ справа: 0,5,
• Отступ сверху: 6,
• Отступ снизу: 6,
• Шрифт: Roboto, 9pt.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

14.2. Темный цвет фона у ячеек/рисунков

Для табличных документов, которые будет отображаться как в интерфейсе "Версия 8.5", так и в "Такси", если ячейкам/рисункам устанавливается темный цвет фона и нужно чтобы текст был хорошо виден, то нужно установить светлый цвет текста (вместо Авто). В противном случае текст может быть плохо виден.

ДЛЯ СОВМЕСТНОГО ИСПОЛЬЗОВАНИЯ В "ТАКСИ" И "ВЕРСИЯ 8.5"

14.3. Подсказки ячейки

Если с использованием функционала подсказки ячейки табличного документа (обработчик ПриФормированииТекстаПодсказки) реализуется важный механизм отображения данных, то для интерфейса "Такси" нужно реализовывать альтернативный вариант показа подсказки. Например, для подсказки ячейки, выдавать текст в отдельную ячейку или выводить текст в декорацию при активации ячейки.  А для подсказки нескольких выделенных ячеек - выводить текст в декорацию при активации ячеек.

ДЛЯ СОВМЕСТНОГО ИСПОЛЬЗОВАНИЯ В "ТАКСИ" И "ВЕРСИЯ 8.5"

14.4. Метод ПолучитьВыделенныеОбласти()

Метод табличного документа ПолучитьВыделенныеОбласти() может возвращать пустой массив. Рекомендуется учитывать этот факт при разработке конфигурации (в любом интерфейсе).

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

14.5. Свойство ТекущаяОбласть

Свойство табличного документа ТекущаяОбласть может содержать Неопределено. Рекомендуется учитывать этот факт при разработке конфигурации (в любом интерфейсе).

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

К оглавлению раздела

15. Компоновка форм

15.1. Компоновка реквизитов

Общие рекомендации компоновки реквизитов

В начале формы (начиная с первой колонки, если форма разделена на несколько колонок) следует располагать реквизиты, отвечающие следующим признакам:

1) важные,
2) заполняются пользователем вручную,
3) обязательные для заполнения.

Примеры таких реквизитов:

• "Номер и дата",
• "Наименование",
• "Контрагент",
• "Договор".

Реквизиты, отвечающие следующим признакам:

1) вспомогательные, малозначительные,

2) чаще всего заполняются автоматически,

3) не обязательные для заполнения.

следует располагать в форме ниже или во второй (и последующих) колонках, или на второй (и последующих) вкладке.

Примеры таких реквизитов:

• "Организация",
• "Подразделение".

Важные реквизиты, представленные в форме элементами, занимающими всю ширину и/или высоту (например, многострочное поле ввода, поле планировщика, поле полосы регулирования) рекомендуется размещать в форме таким образом, чтобы их ширина была не менее 50% ширины формы.

Близкие по смыслу реквизиты рекомендуется объединять в группу или располагать рядом.

Порядок расположения реквизитов в форме следует определять в соответствие с порядком их заполнения и сценариями использования формы.

Если крупных элементов (например, многострочное поле ввода, поле планировщика и т.д.) несколько, то они выводятся в закладках; также допустимо выводить их в свертываемых группах

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

15.2. Компоновка табличных частей

Общие рекомендации компоновки табличных частей

Табличная часть, отвечающая следующим признакам:

• важная,
• заполняется пользователем вручную,
• обязательна к заполнению,

располагается в видимой области формы (или на первой вкладке) при её открытии.

Если реквизитов немного, то табличную часть следует располагать под реквизитами.

Если реквизитов много, то табличную часть следует располагать справа от реквизитов.

Табличные части, отвечающие следующим признакам:

• вспомогательные, малозначительные,
• чаще всего заполняются автоматически,
• не обязательны для заполнения

Табличные части рекомендуется размещать в форме таким образом, чтобы их ширина была не менее 50% ширины формы, а высота такая, чтобы вмещалось не менее 5 строк.

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

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

15.3. Компоновка итогов

Общие рекомендации компоновки итогов:

• Итоги рекомендуется размещать под табличной частью справа, используя поле надписи.
• Если табличная часть расположена во вкладке, то и итоги расположены в этой же вкладке.
• Для результирующих данных (например, поля "Всего", "Итого" или "Сумма") рекомендуется использовать шрифт ЗаголовокВторогоУровня.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

15.4. Компоновка подвала

Общие рекомендации компоновки подвала:

• Подвал рекомендуется размещать внизу формы под итогами.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

15.5. Компоновка формы объекта

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

(Вариант 1) Поля реквизитов над таблицами (крупными элементами)

Если в форме объекта присутствуют поля реквизитов, таблицы (или другие крупные элементы), и суммарно под поля реквизитов, итогов и подвал отводится не более 4 строк (под высотой строки подразумевается высота поля ввода без заголовка), тогда рекомендуется следующая компоновка формы объекта (по вертикали сверху вниз):

• Сначала поля реквизитов.
• Затем таблицы или другие крупные элементы (если несколько, то рекомендуется их сгруппировать с помощью групп-страниц).
• Затем итоги.
• В конце подвал.

Подробное описание:

• Форма (Группировка=Авто (Вертикальная), ВертикальнаяПрокрутка=Авто (ИспользоватьПриНеобходимости))
  • Обычная группа (Имя="Основное", Группировка=Вертикальная, ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
    • … (поля реквизитов)
  • Группа-страницы (Имя="Страницы")
    • Группа-страница (Имя="Группа%ИМЯ_ТАБЛИЦЫ%", Заголовок="%ИМЯ_ТАБЛИЦЫ%", ВертикальнаяПрокруткаПриСжатии=Истина)
      • Таблица (Имя="%ИМЯ_ТАБЛИЦЫ%")
      • Обычная группа (Имя="ГруппаИтоги", ГоризонтальноеПоложениеВГруппе=Право, ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
        • Поле надписи (Имя="Итоги")
    • … (прочие закладки)
  • Обычная группа (Имя="Подвал", ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
    • … (содержимое подвала)

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

Подробное описание:

• Форма (Группировка=Авто (Вертикальная), ВертикальнаяПрокрутка=Авто (ИспользоватьПриНеобходимости))
  • Обычная группа (Имя="Основное", Группировка=АвтоматическиУчитыватьВидЭкрана, ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
    • ОбычнаяГруппа (Имя="ПерваяКолонка", Группировка=Вертикальная, ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
      • … (поля реквизитов)
    • ОбычнаяГруппа (Имя="ВтораяКолонка", Группировка=Вертикальная, ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
      • … (поля реквизитов)
    • … (прочие колонки реквизитов)
  • Группа-страницы (Имя="Страницы")
    • Группа-страница (Имя="Группа%ИМЯ_ТАБЛИЦЫ%", Заголовок="%ИМЯ_ТАБЛИЦЫ%", ВертикальнаяПрокруткаПриСжатии=Истина)
      • Таблица (Имя="%ИМЯ_ТАБЛИЦЫ%")
      • Обычная группа (Имя="ГруппаИтоги", ГоризонтальноеПоложениеВГруппе=Право, ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
        • Поле надписи (Имя="Итоги")
    • … (прочие закладки)
  • Обычная группа (Имя="Подвал", ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
    • … (содержимое подвала)

(Вариант 2) Поле реквизитов слева от таблиц (крупных элементов)

Если в форме объекта присутствуют поля реквизитов, таблицы (или другие крупные элементы), и суммарно под поля реквизитов, итогов и подвал отводится более 4 строк (под высотой строки подразумевается высота поля ввода без заголовка), тогда рекомендуется следующая компоновка формы объекта:

• Форма объекта разделена на две области.
• В левой колонке поля реквизитов.
• В правой колонке таблицы (или другие крупные элементы), итоги и подвал.

Если среди полей реквизитов встречаются такие, которые рекомендовано выводить шириной 50% ширины формы, тогда колонки занимают 50% / 50%:

Подробное описание:

• Форма (Группировка=Авто (Вертикальная), ВертикальнаяПрокрутка=Авто (ИспользоватьПриНеобходимости))
  • Обычная группа (Имя="Основное", Группировка=АвтоматическиУчитыватьВидЭкрана, ГоризонтальныйИнтервал=Двойной, ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
    • Обычная группа (Имя="ЛеваяКолонка", Группировка=Вертикальная, ВертикальнаяПрокруткаПриСжатии=Истина, Ширина=50)
      • … (поля реквизитов)
    • Обычная группа (Имя="ПраваяКолонка", Группировка=Вертикальная, ВертикальнаяПрокруткаПриСжатии=Авто (Ложь), Ширина=50)
      • Группа-страницы (Имя="Страницы")
        • Группа-страница (Имя="Группа%ИМЯ_ТАБЛИЦЫ%", Заголовок="%ИМЯ_ТАБЛИЦЫ%", ВертикальнаяПрокруткаПриСжатии=Истина)
          • Таблица (Имя="%ИМЯ_ТАБЛИЦЫ%")
          • Обычная группа (Имя="ГруппаИтоги", ГоризонтальноеПоложениеВГруппе=Право, ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
            • Поле надписи (Имя="Итоги")
        • … (прочие закладки)
      • Обычная группа (Имя="Подвал", ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
        • … (содержимое подвала)

Подробное описание:

• Форма (Группировка=Авто (Вертикальная), ВертикальнаяПрокрутка=Авто (ИспользоватьПриНеобходимости))
  • Обычная группа (Имя="Основное", Группировка=АвтоматическиУчитыватьВидЭкрана, ГоризонтальныйИнтервал=Двойной, ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
    • Обычная группа (Имя="ЛеваяКолонка", Группировка=Вертикальная, ВертикальнаяПрокруткаПриСжатии=Истина, Ширина=30)
      • … (поля реквизитов)
    • Обычная группа (Имя="ПраваяКолонка", Группировка=Вертикальная, ВертикальнаяПрокруткаПриСжатии=Авто (Ложь), Ширина=70)
      • Группа-страницы (Имя="Страницы")
        • Группа-страница (Имя="Группа%ИМЯ_ТАБЛИЦЫ%", Заголовок="%ИМЯ_ТАБЛИЦЫ%", ВертикальнаяПрокруткаПриСжатии=Истина)
          • Таблица (Имя="%ИМЯ_ТАБЛИЦЫ%")
          • Обычная группа (Имя="ГруппаИтоги", ГоризонтальноеПоложениеВГруппе=Право, ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
            • Поле надписи (Имя="Итоги")
        • … (прочие закладки)
      • Обычная группа (Имя="Подвал", ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
        • … (содержимое подвала)

(Вариант 3) Поля реквизитов на первой странице, таблицы (крупные элементы) на других

Такой вариант компоновки следует использовать, если таблица (или другие крупные элементы) не важна, и может быть не показана сразу при открытии формы:

Подробное описание:

• Форма (Группировка=Авто (Вертикальная), ВертикальнаяПрокрутка=Авто (ИспользоватьПриНеобходимости))
  • Группа-страницы (Имя="Страницы")
    • Группа-страница (Имя="Группа%ИМЯ_ОБЪЕКТА_МЕТАДАННЫХ%", Заголовок="%ПРЕДСТАВЛЕНИЕ_ОБЪЕКТА_МЕТАДАННЫХ%", Группировка=Вертикальная, ВертикальнаяПрокруткаПриСжатии=Истина)
      • … (поля реквизитов)
    • … (прочие закладки)
  • Обычная группа (Имя="Подвал", ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
    • … (содержимое подвала)

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

Подробное описание:

• Форма (Группировка=Авто (Вертикальная), ВертикальнаяПрокрутка=Авто (ИспользоватьПриНеобходимости))
  • Группа-страницы (Имя="Страницы")
    • Группа-страница (Имя="Группа%ИМЯ_ОБЪЕКТА_МЕТАДАННЫХ%", Заголовок="%ПРЕДСТАВЛЕНИЕ_ОБЪЕКТА_МЕТАДАННЫХ%", Группировка=АвтоматическиУчитыватьВидЭкрана, ВертикальнаяПрокруткаПриСжатии=Истина)
      • Обычная группа (Имя="ЛеваяКолонка", Группировка=Вертикальная, ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
        • … (поля реквизитов)
      • Обычная группа (Имя="ПраваяКолонка", Группировка=Вертикальная, ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
        • … (поля реквизитов)
    • … (прочие закладки)
  • Обычная группа (Имя="Подвал", ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
    • … (содержимое подвала)

(Вариант 4) Таблица (крупные элементы) отсутствует, только поля

Такой вариант компоновки следует использовать, если таблица (или другие крупные элементы) отсутствует:

Подробное описание:

• Форма (Группировка=Авто (Вертикальная), ВертикальнаяПрокрутка=Авто (ИспользоватьПриНеобходимости))
  • Обычная группа (Имя="Основное", Группировка=Вертикальная, ВертикальнаяПрокруткаПриСжатии=Истина)
    • … (поля реквизитов)
  • Обычная группа (Имя="Подвал", ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
    • … (содержимое подвала)

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

Подробное описание:

• Форма (Группировка=Авто (Вертикальная), ВертикальнаяПрокрутка=Авто (ИспользоватьПриНеобходимости))
  • Обычная группа (Имя="Основное", Группировка=АвтоматическиУчитыватьВидЭкрана, ВертикальнаяПрокруткаПриСжатии=Истина)
    • Обычная группа (Имя="ЛеваяКолонка", Группировка=Вертикальная, ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
      • … (поля реквизитов)
    • Обычная группа (Имя="ПраваяКолонка", Группировка=Вертикальная, ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
      • … (поля реквизитов)
  • Обычная группа (Имя="Подвал", ВертикальнаяПрокруткаПриСжатии=Авто (Ложь))
    • … (содержимое подвала)

Исключение:

• Если форма содержит реквизит, в которых предполагаются данные большой длины (например, "Наименование"), тогда не рекомендуется использовать вариант 2.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

15.6. Компоновка формы с мастер-деталями

Если в форме используется таблица, при активации строки которой появляется расшифровка/дополнительные детали по данной строке (так называемые, мастер-детали), то рекомендуется располагать таблицу слева, а расшифровку – справа от таблицы.

Также рекомендуется активировать строку мастер-таблицы при открытии формы с помощью свойства НачальнаяАктивизацияСтроки.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

15.7. Вертикальная прокрутка

Рекомендуется по возможности избегать появления множественных полос вертикальной прокрутки: например, прокрутка формы и прокрутка таблицы. Например, у групп использовать свойство ВертикальнаяПрокруткаПриСжатии в значение Истина, если группа не содержит элементы с вертикальной прокруткой.

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

15.8. Горизонтальная прокрутка

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

ДЛЯ НОВЫХ КОНФИГУРАЦИЙ НА ИНТЕРФЕЙСЕ "ВЕРСИЯ 8.5"

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

К оглавлению раздела

16. Отчеты

16.1. Элементы формы для пользовательских настроек

В интерфейсе "Версия 8.5" по-другому генерируются элементы формы для пользовательских настроек. Если со сгенерированными элементами идет программная работа, то нужно это учитывать. Если элементы для редактирования настроек генерируются не платформой, то для интерфейса "Версия 8.5" рекомендуется доработать генерацию таким образом, чтобы форма выглядела современно.

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

16.2. Макеты заголовков

Разработчикам нужно обратить внимание на то, что в интерфейсе "Версия 8.5" макеты заголовков группировок в макете компоновки данных генерируются с картинками упорядочивания и расшифровкой. Также изменяется макет заголовков итога таблицы.

ДЛЯ ПЕРЕХОДА НА ИНТЕРФЕЙС "ВЕРСИЯ 8.5"

К оглавлению раздела