Платформа 3V/Формы/Оформление: различия между версиями

Материал из 3v-wiki
Перейти к навигации Перейти к поиску
(Новая страница: «Флекс контейнер (bs-flex)»)
 
 
(не показано 6 промежуточных версий 3 участников)
Строка 1: Строка 1:
[[Платформа 3V/Формы/Компоненты/Разметка/Флекс контейнер (bs-flex)|Флекс контейнер (bs-flex)]]
+
== Добавление стилей  ==
 +
=== Добавление стилей к компонентам ===
 +
* '''templateOptions.componentStyle''' - стили для контейнера компонента
 +
* '''templateOptions.wrapperStyle''' - стили для контейнера обертки
 +
* '''templateOptions.flexStyle''' - стили для контейнера флекс элемента
 +
=== Добавление стилей к форме ===
 +
1) Через ресурсы [[Платформа 3V/Формы/Добавление стилей к карточке через ресурсы|Добавление стилей к карточке через ресурсы]]
 +
 
 +
== Выравнивание текста по середине ==
 +
 
 +
Для элемента текст можно воспользоваться классом text-center из bootstrap https://getbootstrap.com/docs/4.0/utilities/text/  и добавить его для элемента Текст, в разделе "CSS классы для компонента".
 +
[[Файл:выравнивание текста.png|600px]] <br>
 +
Пример выравнивание текста:  https://study.3v-cloud.com/navigator/#/home?objectId=875

Текущая версия на 08:31, 26 ноября 2021

Добавление стилей

Добавление стилей к компонентам

  • templateOptions.componentStyle - стили для контейнера компонента
  • templateOptions.wrapperStyle - стили для контейнера обертки
  • templateOptions.flexStyle - стили для контейнера флекс элемента

Добавление стилей к форме

1) Через ресурсы Добавление стилей к карточке через ресурсы

Выравнивание текста по середине

Для элемента текст можно воспользоваться классом text-center из bootstrap https://getbootstrap.com/docs/4.0/utilities/text/ и добавить его для элемента Текст, в разделе "CSS классы для компонента". выравнивание текста.png
Пример выравнивание текста: https://study.3v-cloud.com/navigator/#/home?objectId=875