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

Материал из 3v-wiki
Перейти к навигации Перейти к поиску
 
Строка 7: Строка 7:
 
1) Через ресурсы [[Платформа 3V/Формы/Добавление стилей к карточке через ресурсы|Добавление стилей к карточке через ресурсы]]
 
1) Через ресурсы [[Платформа 3V/Формы/Добавление стилей к карточке через ресурсы|Добавление стилей к карточке через ресурсы]]
  
=== Выравнивание текста по середине ===
+
== Выравнивание текста по середине ==
  
 
Для элемента текст можно воспользоваться классом text-center из bootstrap https://getbootstrap.com/docs/4.0/utilities/text/  и добавить его для элемента Текст, в разделе "CSS классы для компонента".
 
Для элемента текст можно воспользоваться классом text-center из bootstrap https://getbootstrap.com/docs/4.0/utilities/text/  и добавить его для элемента Текст, в разделе "CSS классы для компонента".
 
[[Файл:выравнивание текста.png|600px]] <br>
 
[[Файл:выравнивание текста.png|600px]] <br>
 
Пример выравнивание текста:  https://study.3v-cloud.com/navigator/#/home?objectId=875
 
Пример выравнивание текста:  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