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

Материал из 3v-wiki
Перейти к навигации Перейти к поиску
 
(не показаны 3 промежуточные версии 2 участников)
Строка 6: Строка 6:
 
=== Добавление стилей к форме ===
 
=== Добавление стилей к форме ===
 
1) Через ресурсы [[Платформа 3V/Формы/Добавление стилей к карточке через ресурсы|Добавление стилей к карточке через ресурсы]]
 
1) Через ресурсы [[Платформа 3V/Формы/Добавление стилей к карточке через ресурсы|Добавление стилей к карточке через ресурсы]]
== Компоненты разметки ==
 
1) Разместить элементы на страницы можно через компонент Флекс контейнер - представляет собой способ компоновки элементов, в основе лежит идея оси.
 
  
[[Платформа 3V/Формы/Компоненты/Разметка/Флекс контейнер (bs-flex)|Флекс контейнер (bs-flex)]]
+
== Выравнивание текста по середине ==
 +
 
 +
Для элемента текст можно воспользоваться классом 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