Настройка CSS-стилей и темы оформления приложения

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

Чтобы применить описанный вами CSS-стиль в проекте, к каждому элементу описания CSS-класса добавьте строку !important. Следующий пример демонстрирует описание класса .transparent-button для реализации прозрачной кнопки.

.transparent-button {
  border: medium none !important;
  background-image: none !important; 
  background: transparent !important;
  float: left !important;
  background-color: transparent !important;
}

После создания CSS-стиля в коде файла описания экранной формы вы можете ссылаться на новый CSS-стиль в свойстве CSS компонента, как показано в следующем примере:

CSS={["transparent-button"]}

Вы можете настраивать CSS-стили отдельных компонентов и группы компонентов экранной формы на панели Свойства Редактора Форм. Для выбранного в рабочей области компонента или группы компонентов в группе CSS Editor вы можете настраивать следующие параметры:

• Padding: внутренние отступы в пикселях;
• Margin: внешние отступы в пикселях;
• Rotation: угол поворота компонента в градусах;
• Classes: имя класса стилей, описанного в файле CSS.css системного проекта или в файле CSS.css разрабатываемого проекта.

В файле Styles.mdtheme системного проекта или разрабатываемого проекта вы можете настраивать следующие параметры темы и стиля:

• цветовая палитра;
• количество столбцов;
• расстояние между столбцами;
• размер шрифта;
• величина, определяющая кратность отступов;
• длительность анимации;
• тень.

В Редакторе Стилей, ассоциированном с Styles.mdtheme, по нажатию значка Информация справа от элемента палитры отображается информация об этом элементе.