Prehľad tém
Poznámka
- S účinnosťou od októbra 2022 sa portály Power Apps nazývajú Power Pages.
- S účinnosťou od 26. februára 2024 sa prestane používať štúdio starších portálov Power Apps. Namiesto neho použite na úpravu svojich webových lokalít dizajnové štúdio Power Pages. Ďalšie informácie: Štúdio portálov Power Apps sa prestane používať
- Táto téma sa vzťahuje na staršie možnosti. Najnovšie informácie nájdete v dokumentácii k službe Microsoft Power Pages.
V portáloch Power Apps je funkcia Povoliť základný motív nastavená na Vypnuté. Keď túto funkciu zapnete, môžete používať predvolené motívy s názvom Predvoľby. Môžete tiež vytvárať kópie predvolených motívov na účely ďalšieho prispôsobenia.
V tomto článku nájdete základné funkcie motívov. Podrobné prispôsobenie motívov nájdete v časti Upraviť CSS.
Povoliť základné motívy pre existujúce portály
Prihlásiť sa do Power Apps.
Z ľavej navigačnej tably vyberte položku Aplikácie následne si vyberte portál.
Vyberte položku Ďalšie príkazy (...) a následne vyberte položku Upraviť.
Z ľavej navigačnej tably vyberte položku Motívy a následne zapnite prepínač Povoliť základný motív.
Zmeňte si motív pre svoj portál
Ľubovoľný existujúci motív vo svojom portáli si môžete nastaviť ako predvolený motív.
Prihlásiť sa do Power Apps.
Z ľavej navigačnej tably vyberte položku Aplikácie následne si vyberte portál.
Vyberte položku Ďalšie príkazy (...) a následne vyberte položku Upraviť.
Vyberte položku Motív z tably súčastí.
Z dostupných predvolieb si vyberte ľubovoľný predvolený motív (v našej ukážke pracujeme s motívom Zelená).
Vybraný motív sa použije na vašom portáli.
Poznámka
Po zmene motívu alebo vlastností motívu, napríklad farieb v programe Studio, vyberte položku Prehliadať webové stránky, ak chcete zobraziť zmeny na samostatnej karte prehliadača. Ak pomocou tejto metódy urobíte viac zmien a prejdete na rôzne stránky v prehliadači, zastaraná vyrovnávacia pamäť prehliadača môže spôsobiť, že váš prehliadač bude zobrazovať zmeny motívov, ktoré nie sú najnovšie. Ak sa to stane, pomocou skratky Ctrl+F5 znova načítajte stránku.
Vytvorenie novej témy
Prihlásiť sa do Power Apps.
Z ľavej navigačnej tably vyberte položku Aplikácie následne si vyberte portál.
Vyberte položku Ďalšie príkazy (...) a následne vyberte položku Upraviť.
Vyberte položku Motív z tably súčastí.
Vyberte položku Nový motív.
Upraviť podrobnosti o motíve
Názov motívu, jeho opis, farbu a ďalšie typografické nastavenia môžete aktualizovať v aplikácii Power Apps Studio.
Prihlásiť sa do Power Apps.
Z ľavej navigačnej tably vyberte položku Aplikácie následne si vyberte portál.
Vyberte položku Ďalšie príkazy (...) a následne vyberte položku Upraviť.
Vyberte položku Motív z tably súčastí.
Vyberte si motív, ktorý sa aktuálne používa, alebo si vyberte nový motív z predvolieb. Po výbere motívu sa otvorí tabla s podrobnosťami na pravej strane vášho pracovného priestoru.
Upravte podrobnosti motívu, napríklad názov, opis a farbu pre rôzne oblasti.
Farebná možnosť Ovplyvnená oblasť Primárny Farba tlačidiel a prepojení. Záhlavie Farba pozadia hlavičky. Text ponuky hlavičky Farba textu v ponuke hlavičky. Ukázanie ponuky hlavičky Farba pozadia položiek ponuky, keď na ne ukážete kurzorom. Pozadie tela správy Farba pozadia v hlavnej sekcii. Pozadie päty Farba pozadia päty. Text päty Farba textu päty. Uložte a zverejnite zmeny.
Skopírujte motív predvoľby
Prihlásiť sa do Power Apps.
Z ľavej navigačnej tably vyberte položku Aplikácie následne si vyberte portál.
Vyberte položku Ďalšie príkazy (...) a následne vyberte položku Upraviť.
Vyberte položku Motív z tably súčastí.
Vyberte tému z predvolieb, ktoré chcete skopírovať, stlačte možnosť ... a potom stlačte Prispôsobiť.
Aktualizujte podrobnosti motívu podľa popisu v predchádzajúcej sekcii a následne motív uložte.
Premenné v jazyku Sass
Sass je jazyk šablóny štýlov so syntaxou, ktorá je plne kompatibilná s CSS. Keď povolíte funkciu základného motívu, môžete na konfiguráciu farby motívu použiť premenné v jazyku Sass namiesto hodnôt.
Ak napríklad chcete, aby bola farba hlavičky o 25 percent svetlejšia ako primárna farba, môžete namiesto konkrétnej farby použiť nasledujúcu hodnotu:
lighten($primaryColor, 25%);
Môžete použiť nasledovné premenné v jazyku Sass so základnými motívmi:
| Farebná možnosť | Názov premennej v jazyku Sass |
|---|---|
| Primárny | $primaryColor |
| Záhlavie | $headerColor |
| Text ponuky hlavičky | $headerMenuTextColor |
| Ukázanie ponuky hlavičky | $headerMenuHoverColor |
| Pozadie tela správy | $bodyBackground |
| Pozadie päty | $footerColor |
| Text päty | $footerTextColor |
Poradie premenných v jazyku Sass
Premenné v jazyku Sass fungujú zhora nadol. Môžete nastaviť farbu hlavičky na lighten($primaryColor, 25%);. Nemôžete však nastaviť primárnu farbu na lighten($headerColor, 25%);, pretože Hlavička sa na zozname farebných možností nachádza pod položkou Primárna.
Informácie o základných motívoch
- Nemôžete mať dva motívy s rovnakým názvom motívu alebo s rovnakým názvom súboru s motívom.
- Každá farebná hodnota, ktorú manuálne zadáte, musí zodpovedať platnej farbe.
- Zmena CSS pri predvolených motívoch nie je podporovaná.
- Odporúčaný pomer kontrastu medzi farbou popredia a pozadia motívu je 4,5:1 z dôvodu dostupnosti.
Ďalšie kroky
Pozrite si tiež:
Power Apps Studio portálov
Vytvorenie a spravovanie webových stránok
Editor WYSIWYG
Poznámka
Môžete nás informovať o svojich voľbách jazyka pre dokumentáciu? Absolvujte krátky prieskum. (upozorňujeme, že tento prieskum je v angličtine)
Prieskum bude trvať približne sedem minút. Nezhromažďujú sa žiadne osobné údaje (vyhlásenie o používaní osobných údajov).