Pregled tem

Opomba

• Od oktobra 2022 najprej se portal Power Apps imenuje Power Pages.
• S 26. februarjem 2024 bo stari studio za portale Power Apps ukinjen. Za urejanje spletnih mest namesto tega uporabite oblikovalski studio za Power Pages. Več informacij: studio za portale Power Apps bo opuščen
• Ta tema je za starejše zmožnosti. Za najnovejše informacije si oglejte dokumentacijo za Microsoft Power Pages.

V portalih Power Apps je funkcija Omogoči osnovno temo nastavljena na Izklopljeno. Ko vklopite to funkcijo, lahko uporabite privzete teme, ki se imenujejo Prednastavitve. Za dodatno prilagoditev lahko ustvarite tudi kopije prednastavljenih tem.

V tem članku se boste seznanili s funkcijo osnovnih tem. Za dodatno prilagoditev teme glejte Uredi CSS.

Omogočanje osnovnih tem za obstoječe portale

1. Vpišite se v storitev Power Apps.

2. V levem podoknu za krmarjenje izberite Aplikacije, nato pa izberite portal.

   

3. Izberite Več ukazov (…) in nato Uredi.

   

4. V levem podoknu za krmarjenje izberite Teme in nato vklopite stikalo Omogoči osnovno temo.

   

Spreminjanje teme za portal

Vsako obstoječo temo na svojem portalu lahko nastavite na privzeto temo.

1. Vpišite se v storitev Power Apps.

2. V levem podoknu za krmarjenje izberite Aplikacije, nato pa izberite portal.

3. Izberite Več ukazov (…) in nato Uredi.

4. V podoknu s komponentami izberite možnost Tema.

   

5. Izberite katero koli privzeto temo iz razpoložljivih prednastavljenih tem (v svojem primeru smo izbrali temo Zelena).

   

Izbrana tema se uporabi na vašem portalu.

Opomba

Ko spremenite temo ali lastnosti teme, na primer barve v studiu, izberite Prebrskaj spletno mesto, da si ogledate spremembe na ločenem zavihku brskalnika. Če s to metodo izvedete več sprememb in preklopite na druge strani v brskalniku, lahko zastareli predpomnilnik brskalnika prikaže spremembe tem, ki niso najnovejše. Če se to zgodi, uporabite Ctrl + F5, da znova naložite stran.

Ustvarite novo temo

1. Vpišite se v storitev Power Apps.

2. V levem podoknu za krmarjenje izberite Aplikacije, nato pa izberite portal.

3. Izberite Več ukazov (…) in nato Uredi.

4. V podoknu s komponentami izberite možnost Tema.

5. Izberite možnost Nova tema.

   

Urejanje podrobnosti teme

Posodobite lahko ime, opis, barvo in druge tipografske nastavitve v storitvi Power Apps Studio.

1. Vpišite se v storitev Power Apps.

2. V levem podoknu za krmarjenje izberite Aplikacije, nato pa izberite portal.

3. Izberite Več ukazov (…) in nato Uredi.

4. V podoknu s komponentami izberite možnost Tema.

5. Izberite trenutno uporabljeno temo ali pa iz prednastavitev izberite novo temo. Pri izbiri teme se na desni strani delovnega prostora odpre podokno s podrobnostmi.

   

6. Uredite lahko podrobnosti teme, kot so ime, opis in barva za različna področja.

   Možnost za barvo	Zadevno območje
   Primarni	Barva gumbov in povezav.
   Glava	Barva ozadja glave.
   Besedilo menija glave	Barva besedila v meniju glave.
   Meni glave ob premiku kazalca nanj	Barva ozadja elementov v meniju, ko se z s kazalcem miške pomaknete na elemente.
   Ozadje telesa	Barva ozadja razdelka za telo.
   Ozadje noge	Barva ozadja noge.
   Besedilo noge	Barva besedila noge.

7. Shranite in objavite spremembe.

Kopiranje prednastavljene teme

1. Vpišite se v storitev Power Apps.

2. V levem podoknu za krmarjenje izberite Aplikacije, nato pa izberite portal.

3. Izberite Več ukazov (…) in nato Uredi.

4. V podoknu s komponentami izberite možnost Tema.

5. Izberite temo iz prednastavitev, ki jo želite kopirati, izberite ... in nato Prilagodi.

   

6. Posodobite podrobnosti teme, kot je opisano v prejšnjem razdelku, in temo shranite.

Spremenljivke Sass

Sass je jezik za opis prikaza označenih besedil s skladnjo, ki je popolnoma združljiva s CSS. Ko omogočite funkcije osnovne teme, lahko za konfiguriranje barve teme namesto vrednosti uporabite spremenljivke Sass.

Na primer, če želite, da je barva za možnost Glava 25 % svetlejša od barve, ki je označena kot Primarna, lahko namesto posebne barve uporabite naslednjo vrednost:

lighten($primaryColor, 25%);

Z osnovnimi temami lahko uporabite naslednje spremenljivke Sass:

Možnost za barvo	Ime spremenljivke Sass
Primarni	$primaryColor
Glava	$headerColor
Besedilo menija glave	$headerMenuTextColor
Meni glave ob premiku kazalca nanj	$headerMenuHoverColor
Ozadje telesa	$bodyBackground
Ozadje noge	$footerColor
Besedilo noge	$footerTextColor

Vrstni red spremenljivk Sass

Spremenljivke Sass delujejo od zgoraj navzdol. Barvo za možnost Glava lahko nastavite na lighten($primaryColor, 25%);. Vendar pa barve, ki je označena kot Primarna, ne morete nastaviti na lighten($headerColor, 25%);, ker je Glava na seznamu možnosti za barve navedena pod možnostjo Primarna.

Vidiki osnovnih tem

• Ne morete imeti dveh tem z enakim imenom teme ali enakim imenom datoteke teme.
• Vsaka barvna vrednost, ki jo vnesete ročno, mora biti za veljavno barvo.
• Spreminjanje CSS za prednastavljene teme ni podprta.
• Priporočljivo razmerje kontrasta barv za ospredje in ozadje tem 4,5 : 1 za dostopnost.

Naslednji koraki

Urejanje teme CSS

Glejte tudi

Studio za portale Power Apps
Ustvarjanje in upravljanje spletnih strani
Urejevalnik WYSIWYG

Opomba

Ali nam lahko poveste, kateri je vaš prednostni jezik za dokumentacijo? Izpolnite kratko anketo. (upoštevajte, da je v angleščini)

Z anketo boste porabili približno sedem minut. Ne zbiramo nobenih osebnih podatkov (izjava o zasebnosti).