Платформа 3V/Формы/Оформление: различия между версиями
< Платформа 3V | Формы
Перейти к навигации
Перейти к поиску
O.ivanov (обсуждение | вклад) (Новая страница: «Флекс контейнер (bs-flex)») |
Il.iashin (обсуждение | вклад) |
||
| (не показано 6 промежуточных версий 3 участников) | |||
| Строка 1: | Строка 1: | ||
| − | [[Платформа 3V/Формы/ | + | == Добавление стилей == |
| + | === Добавление стилей к компонентам === | ||
| + | * '''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 классы для компонента".
Пример выравнивание текста: https://study.3v-cloud.com/navigator/#/home?objectId=875