Pregled tema
Na Power Apps portalima značajka Omogući osnovnu temu postavljena je na Isključeno. Kad uključite ovu značajku, možete upotrebljavati zadane teme pod nazivom Unaprijed postavljeno. Možete stvarati i kopije unaprijed postavljenih tema da biste ih dodatno prilagodili.
U ovom ćemo članku proći kroz osnovne značajke tema. Dodatnu prilagodbu teme potražite u članku Uređivanje CSS.
Omogućavanje osnovnih tema za postojeće portale
Prijavite se u Power Apps.
U lijevom navigacijskom oknu odaberite Aplikacije, a zatim odaberite portal.

Odaberite Više naredbi (...), a zatim odaberite Uredi.

Odaberite Teme u lijevom navigacijskom oknu, a zatim uključite gumb za prebacivanje Omogući osnovnu temu.

Promjena teme za portal
Bilo koju postojeću temu na portalu možete postaviti na zadanu temu.
Prijavite se u Power Apps.
U lijevom navigacijskom oknu odaberite Aplikacije, a zatim odaberite portal.
Odaberite Više naredbi (...), a zatim odaberite Uredi.
Odaberite Tema na oknu s komponentama.

Odaberite bilo koju zadanu temu iz unaprijed postavljenih tema (u ovom primjeru odabrali smo Zeleno).

Odabrana tema primjenjuje se na vaš portal.

Napomena
Nakon promjene teme ili svojstava teme, poput boja unutar Studija, odaberite Pregled web-mjesta za prikaz promjena na zasebnoj kartici preglednika. Ako napravite više izmjena ovom metodom i prebacite se na različite stranice unutar preglednika, zastarjela predmemorija preglednika može uzrokovati da vaš preglednik prikazuje promjene tema koje nisu najnovije. Ako se to dogodi, upotrijebite Ctrl + F5 za ponovno učitavanje stranice.
Stvaranje nove teme
Prijavite se u Power Apps.
U lijevom navigacijskom oknu odaberite Aplikacije, a zatim odaberite portal.
Odaberite Više naredbi (...), a zatim odaberite Uredi.
Odaberite Tema na oknu s komponentama.
Odaberite Nova tema.

Uređivanje pojedinosti teme
Naziv teme, opis, boju i druge postavke tipografije možete ažurirati u Power Apps Studio.
Prijavite se u Power Apps.
U lijevom navigacijskom oknu odaberite Aplikacije, a zatim odaberite portal.
Odaberite Više naredbi (...), a zatim odaberite Uredi.
Odaberite Tema na oknu s komponentama.
Odaberite temu koja se trenutačno primjenjuje ili novu temu iz unaprijed postavljenih tema. Odabirom teme otvara se okno s pojedinostima s desne strane radnog prostora.

Uredite pojedinosti teme kao što su naziv, opis i boja za različita područja.
Opcija boje Područje primjene Primarno Boje gumba i veze. Zaglavlje Boja pozadine zaglavlja. Tekst izbornika zaglavlja Boja teksta za izbornik u zaglavlju. Zadržavanje pokazivača iznad izbornika zaglavlja Boja pozadine stavki izbornika kad se prijeđe preko njih pokazivačem miša. Pozadina tijela Boja pozadine odjeljka tijela. Pozadina podnožja Boja pozadine podnožja. Tekst podnožja Boja teksta podnožja. Spremite i objavite promjene.
Kopiranje unaprijed postavljene teme
Prijavite se u Power Apps.
U lijevom navigacijskom oknu odaberite Aplikacije, a zatim odaberite portal.
Odaberite Više naredbi (...), a zatim odaberite Uredi.
Odaberite Tema na oknu s komponentama.
Odaberite temu s unaprijed postavljenih postavki koje želite kopirati, odaberite ..., a zatim odaberite Prilagodi.

Ažurirajte pojedinosti teme kao što je opisano u prethodnom odjeljku, a zatim spremite temu.
Sass varijable
Sass je jezik lista stilova s potpuno CSS kompatibilnom sintaksom. Kad omogućite osnovnu značajku teme, za konfiguriranje boja teme možete upotrebljavati Sass varijable umjesto vrijednosti.
Na primjer, ako želite da boja opcije Zaglavlje bude 25 posto svjetlija od boje za Primarno, umjesto određene boje možete upotrijebiti sljedeću vrijednost:
lighten($primaryColor, 25%);

S osnovnim temama možete koristiti sljedeće Sass varijable:
| Opcija boje | Naziv Sass varijable |
|---|---|
| Primarno | $primaryColor |
| Zaglavlje | $headerColor |
| Tekst izbornika zaglavlja | $headerMenuTextColor |
| Zadržavanje pokazivača iznad izbornika zaglavlja | $headerMenuHoverColor |
| Pozadina tijela | $bodyBackground |
| Pozadina podnožja | $footerColor |
| Tekst podnožja | $footerTextColor |
Redoslijed Sass varijabli
Sass varijable funkcioniraju odozgo prema dolje. Boju za Zaglavlje možete postaviti na vrijednost lighten($primaryColor, 25%);. No boju za Primarno ne možete postaviti na vrijednosti lighten($headerColor, 25%); jer se Zaglavlje nalazi ispod opcije Primarno na popisu opcija boje.
Napomene u vezi s osnovnim temama
- Ne možete imati dvije teme s istim nazivom teme ili istim nazivom datoteke teme.
- Vrijednosti boje koje ručno unosite moraju biti za valjanu boju.
- Promjena CSS za unaprijed postavljene teme nije podržana.
- Preporučeni omjer kontrasta boje prednjeg plana i pozadine je 4,5 : 1 za pristupačnost.
Sljedeći koraci
Pogledajte
Power Apps portali Studio
Izrada web-stranica i upravljanje njima
Uređivač za WYSIWYG