Редагування CSS для тем

Каскадні таблиці стилів (CSS) дають змогу керувати форматуванням веб-сайту. За замовчуванням, файли bootstrap.min.css та theme.css є доступними. Можна редагувати наявні файли CSS та завантажувати нові файли CSS. У разі передавання нового файлу CSS він буде доступний як веб-файл у програмі керування порталом.

CSS Відкрийте редактор коду

Щоб відкрити редактор коду,відредагуйте портал CSS , щоб відкрити його в Power Apps студії порталів.

1. Виберіть Тема у лівій частині екрана. Будуть відображені доступні теми.

   

2. Виберіть потрібний CSS, щоб відкрити його в редакторі коду.

3. Змініть код і збережіть зміни.

Передавання нового CSS файлу

Щоб завантажити новий CSS файл, відредагуйте портал , щоб відкрити його в Power Apps Студії порталів.

1. Виберіть Тема у лівій частині екрана. Будуть відображені доступні теми.

2. Виберіть Передати настроюваний CSS.

   

3. Знайдіть і виберіть файл CSS, щоб передати його.

Видалення настроюваного CSS файлу

Файли CSS зберігаються як вебфайли.

1. Щоб видалити файл CSS, перейдіть у програму «Керування порталом» і виберіть Вебфайли.

2. Знайдіть запис файлу CSS. Можливо доведеться відфільтрувати значення Ім’я та Вебсайт, щоб знайти правильний запис.

3. Виберіть запис вебфайлу й натисніть Видалити.

4. У студії порталу виберіть Синхронізація конфігурації, щоб очистити зміни стилю в настроюваном CSS.

Розуміння платформи початкового завантаження

Платформа початкового завантаження є інтерфейсом, який включає компоненти CSS і JavaScript для поширених елементів інтерфейсу веб-програм. Він включає стилі для елементів навігації, форм, кнопок і гнучку сітку та систему макетів, яка дозволяє макетам сайтів динамічно пристосовуватися до пристроїв із різними розмірами екранів, таких телефони та планшети. За допомогою системи макетів платформи початкового завантаження можна розробити єдиний сайт, який має належний інтерфейс на всіх пристроях, які можуть використовувати ваші клієнти.

Шаблони, які входить до складу порталів, упроваджуються за допомогою стандартних компонентів платформи початкового завантаження із мінімумом додаткових настроюваних стилів. Тому якщо ви впроваджуєте шаблони, ви можете скористатися параметрами налаштування платформи початкового завантаження. Ви можете швидко налаштувати тему (шрифти, кольори і т. д) відповідно таким же чином, як і для всього порталу.

Індивідуально налаштуйте платформу початкового завантаження

Платформа початкового завантаження підтримує настроювання завдяки набору змінних. Ви можете задати індивідуальні значення для будь-якої з цих змінних або для них усіх, потім завантажити індивідуально налаштовану версію платформи початкового завантаження, складену на основі цих значень.

Потужність змінних платформи початкового завантаження полягає в тому, що вони не нав’язують стиль окремого елемента. Усі стилі в середовищі базуються на цих значеннях і походять із них. Наприклад, розглянемо змінну @font-size-base. Вона визначає розмір, який платформа початкового завантаження призначає для звичайного тексту. Однак платформа початкового завантаження також використовує цю змінну, щоб вказати розмір шрифту для заголовків та інших елементів. Розмір для елемента H1 може бути визначений як 300 відсотків від розміру @font-size-base. Таким чином, установивши цю одну змінну, ви контролюєте весь друкарський масштаб свого порталу. Аналогічним чином змінна @link-color керує кольором гіперпосилань. Який би колір ви не призначили цій змінній, платформа початкового завантаження визначить колір при наведенні курсора для посилань на 15 відсотків темніший, ніж налаштоване значення.

Стандартний спосіб створення власної версії – зробити це через офіційний веб-сайт платформи початкового завантаження. Однак через популярність платформи початкового завантаження для цієї цілі створено також багато сторонніх веб-сайтів. Ці сайти можуть забезпечувати простіший у використанні інтерфейс для настроювання платформи початкового завантаження або готові версії платформи початкового завантаження для завантаження вами. Офіційний сайт платформи початкового завантаження містить докладнішу інформацію про настроювання платформи початкового завантаження.

Коли ви завантажуєте індивідуально настроєну версію платформи початкового завантаження, вона містить зазначену нижче структуру каталогів.

css/
    |-- bootstrap.min.css 
img/
    |-- glyphicons-halflings-white.png 
    |-- glyphicons-halflings.png 
js/ 
    |-- bootstrap.min.js

Або залежно від настроювача програми, вона може складатися лише з bootstrap.min.css. Незважаючи на це, bootstrap.min.css – це файл, який містить настроювання. Інші файли однакові для всіх настроюваних версій платформи початкового завантаження й тому вже включені до вашого порталу.

Див. також

• Розширений CSS у порталах Power Apps
• Прогресивна розробка на стороні клієнта