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

  1. Prijavite se u Power Apps.

  2. U lijevom navigacijskom oknu odaberite Aplikacije, a zatim odaberite portal.

    Odabir Aplikacije i portala.

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

    Uređivanje portala.

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

    Omogućivanje osnovnih tema.

Promjena teme za portal

Bilo koju postojeću temu na portalu možete postaviti na zadanu temu.

  1. Prijavite se u Power Apps.

  2. U lijevom navigacijskom oknu odaberite Aplikacije, a zatim odaberite portal.

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

  4. Odaberite Tema na oknu s komponentama.

    Odabir ikone teme.

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

    Odabir zadane teme.

Odabrana tema primjenjuje se na vaš portal.

Primijenjena tema.

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

  1. Prijavite se u Power Apps.

  2. U lijevom navigacijskom oknu odaberite Aplikacije, a zatim odaberite portal.

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

  4. Odaberite Tema na oknu s komponentama.

  5. Odaberite Nova tema.

    Stvaranje nove teme.

Uređivanje pojedinosti teme

Naziv teme, opis, boju i druge postavke tipografije možete ažurirati u Power Apps Studio.

  1. Prijavite se u Power Apps.

  2. U lijevom navigacijskom oknu odaberite Aplikacije, a zatim odaberite portal.

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

  4. Odaberite Tema na oknu s komponentama.

  5. 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.

    Pojedinosti teme.

  6. 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.
  7. Spremite i objavite promjene.

Kopiranje unaprijed postavljene teme

  1. Prijavite se u Power Apps.

  2. U lijevom navigacijskom oknu odaberite Aplikacije, a zatim odaberite portal.

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

  4. Odaberite Tema na oknu s komponentama.

  5. Odaberite temu s unaprijed postavljenih postavki koje želite kopirati, odaberite ..., a zatim odaberite Prilagodi.

    Kopiranje unaprijed postavljene teme.

  6. 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%);

Primjer za Sass.

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

Uređivanje CSS teme

Pogledajte

Power Apps portali Studio
Izrada web-stranica i upravljanje njima
Uređivač za WYSIWYG