#std667

Элементы стиля

Для каждого элемента управления оформление по умолчанию задается платформой.

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

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

Это нужно, чтобы одинаковые элементы выглядели одинаково во всех формах.

Виды элементов стиля:

• Цвет (значение RGB);
• Шрифт (вид, размер, начертание);
• Рамка (тип и ширина границ).

1.

Элементы стиля нужно использовать всегда, когда требуется изменить оформление (Цвет, Шрифт, Рамку), установленное по умолчанию.

Пример

Информационные надписи среди других надписей можно выделять с помощью цвета.

Цвет таких надписей следует задавать элементом стиля ИнформационнаяНадпись, а не прямым значением RGB или выбором цвета web/windows.

Хорошо

Плохо

Проверки

_{#v8cs:new-color #v8cs:new-font}

2.

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

Пример

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

Хорошо

Плохо

3.

Каждый элемент стиля создавайте для конкретной ситуации применения.

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

Пример

Цвет элемента стиля ФонУправляющегоПоля следует применять только для фона полей, которые влияют на видимость других полей формы.

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

4.

Название элемента стиля должно отражать его назначение.

Пример

Название элемента стиля	Назначение
ФонУправляющегоПоля	Фон поля, которое управляет видимостью других полей
ТекстНевыбраннойКартинки	Текст, который отображается на картинке, пока она не выбрана

5.

Если есть несколько элементов стиля с одинаковым названием, но разным видом, рекомендуется добавлять вид (Цвет, Шрифт, Рамка) в имя.

Пример

ТекстНевыбраннойКартинкиЦвет

ТекстНевыбраннойКартинкиШрифт

Вид элемента стиля (Цвет, Шрифт, Рамка) следует указывать после базового названия. Так элемент проще найти по первым буквам в списке.

Хорошо

ПросроченныеДанныеЦвет
ПросроченныеДанныеШрифт

Плохо

ЦветПросроченныхДанных
ШрифтПросроченныхДанных

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

Пример

Для элемента стиля вида Цвет не следует включать в название слово Шрифт.

Хорошо

ВажнаяНадпись

Плохо

ШрифтВажнойНадписи

Элементы стиля с видом "Цвет"

Элемент стиля	Значение (RGB)	В каком стандарте используется
ПросроченныеДанные	RGB: 178,34,34	#std584: Акцентирование внимания на просроченных или критичных состояниях, #std613: Итоги в документах
ПояснениеОтсутствующейГиперссылки	RGB: 128,128,128	#std595: Гиперссылка на счет-фактуру
ТекстЗапрещеннойЯчейки	RGB: 192,192,192	#std610: Пояснение невозможности заполнения ячеек в табличных частях
ИтоговыеПоказателиДокументов	RGB: 22,39,121	#std613: Итоги в документах
ИтогиЖурналаЦвет	RGB: 100,100,100	#std614: Итоги в журналах документов
ФонУправляющегоПоля	RGB: 255,232,179	#std631: Поле, влияющее на состав остальных полей в форме
ТекстНевыбраннойКартинкиЦвет	RGB: 220,220,220	#std635: Невыбранная картинка
НегативноеСобытие	RGB: 178,34,34	#std676: Отчеты вида "таблица", "список"
ПозитивноеСобытие	RGB: 0,128,0	#std676: Отчеты вида "таблица", "список"
НеактуальнаяИнформация	RGB: 255,200,200	#std676: Отчеты вида "таблица", "список"
Диаграмма	RGB: 70,130,180	#std675: Отчеты вида "диаграмма"
Прогноз	RGB: 199,21,133	#std675: Отчеты вида "диаграмма"
ПоясняющийТекст	RGB: 128,122,89	#std615: Рабочее место

Элементы стиля с видом "Шрифт"

Элемент стиля	Значение (шрифт, размер, начертание)	В каком стандарте используется
ОсновнойЭлементСписка	Обычный шрифт текста, начертание Полужирный	#std594: Значения по умолчанию
ОсновноеИтоговоеЗначение	Обычный шрифт текста, начертание Полужирный	#std613: Итоги в документах
ИтогиЖурналаШрифт	Обычный шрифт текста, начертание Полужирный	#std614: Итоги в журналах документов
ТекстНевыбраннойКартинкиШрифт	Обычный шрифт текста, размер 12	#std635: Невыбранная картинка

Проверки

_{#bslls:StyleElementConstructors}

_{#acc:1326 #acc:1331 #acc:1332 #acc:1333 #acc:1345 #acc:1346 #acc:1347}

Источник

https://its.1c.ru/db/v8std#content:667