Kujunduste ülevaade

Märkus

• Alates oktoobrist 2022 on Power Appsi portaalide nimi Power Pages.
• Alates 26. veebruarist 2024 kõrvaldatakse Power Appsi pärandportaalide stuudio kasutuselt. Oma veebisaitide redigeerimiseks kasutage selle asemel Power Pagesi kujundusstuudiot. Lisateave: Power Appsi portaalide stuudio kõrvaldatakse kasutuselt
• Selles teemas käsitletakse pärandfunktsioone. Värskeimat teavet leiate Microsoft Power Pagesi dokumentatsioonist.

Power Appsi portaalides on funktsioon Põhikujunduse lubamine olekuks määratud Väljas. Selle funktsiooni sisselülitamisel saate kasutada vaikimisi kasutatavaid kujundusi Valmiskombinatsioonid. Saate luua ka kujunduste valmiskombinatsioonidest koopiaid nende täiendavaks kohandamiseks.

Selles artiklis saate ülevaate põhikujunduste funktsioonist. Kujunduse täiendavaks kohandamiseks vt CSS-i redigeerimine.

Põhikujunduste lubamine olemasolevate portaalide jaoks

1. Logige sisse rakendusse Power Apps.

2. Valige vasakpoolselt paanilt Rakendused ja seejärel valige portaal.

   

3. Valige suvand Rohkem käske (...) ja seejärel Redigeeri.

   

4. Valige vasakpoolselt navigeerimispaanilt Kujundused ja lülitage seejärel sisse suvand Luba põhikujundused.

   

Portaali kujunduse muutmine

Saate oma portaalis määrata mis tahes olemasoleva kujunduse vaikekujunduseks.

1. Logige sisse rakendusse Power Apps.

2. Valige vasakpoolselt paanilt Rakendused ja seejärel valige portaal.

3. Valige suvand Rohkem käske (...) ja seejärel Redigeeri.

4. Valige komponentide paanil Kujundus.

   

5. Valige saadaolevate valmiskombinatsioonide hulgast mis tahes vaikekujundus (oma näites valisime kujunduse Roheline).

   

Valitud kujundus rakendatakse teie portaalile.

Märkus

Pärast kujunduse või kujunduse atribuutide muutmist (näiteks Studios värvide muutmisel) valige Sirvi veebisaiti, et vaadata muudatusi eraldi brauserivahekaardil. Kui teete selle meetodi abil mitu muudatust ja avate brauseris eri lehekülgi, võidakse aegunud brauseri vahemälu tõttu kuvada brauseris kujunduse muudatusi, mis pole kõige uuemad. Sellisel juhul kasutage lehe taaslaadimiseks klahvikombinatsiooni Ctrl+F5.

Loo uus kujundus

1. Logige sisse rakendusse Power Apps.

2. Valige vasakpoolselt paanilt Rakendused ja seejärel valige portaal.

3. Valige suvand Rohkem käske (...) ja seejärel Redigeeri.

4. Valige komponentide paanil Kujundus.

5. Valige Uus kujundus.

   

Kujunduse üksikasjade redigeerimine

Saate värskendada kujunduse nime, kirjeldust, värvi ja muid tüpograafia sätteid Power Apps Studios.

1. Logige sisse rakendusse Power Apps.

2. Valige vasakpoolselt paanilt Rakendused ja seejärel valige portaal.

3. Valige suvand Rohkem käske (...) ja seejärel Redigeeri.

4. Valige komponentide paanil Kujundus.

5. Valige praegu rakendatud kujundus või valige valmiskombinatsioonide hulgast uus teema. Kujunduse valimisel avaneb teie tööruumi paremal küljel üksikasjade paan.

   

6. Saate redigeerida kujunduse üksikasju (nt nime, kirjeldust ja värvi) erinevates valdkondades.

   Värvisuvand	Mõjutatud ala
   Esmane	Nupu ja lingi värvid.
   Päis	Päise taustavärv.
   Päise menüü tekst	Päise menüü teksti värv.
   Päise menüü hõljumine	Menüü-üksuste taustavärv, kui hiirega neist üle liikuda.
   Keha taust	Sisujaotise taustavärv.
   Jaluse taust	Jaluse taustavärv.
   Jaluse tekst	Jaluse teksti värv.

7. Salvestage ja avaldage muudatused.

Praeguse kujunduse kopeerimine

1. Logige sisse rakendusse Power Apps.

2. Valige vasakpoolselt paanilt Rakendused ja seejärel valige portaal.

3. Valige suvand Rohkem käske (...) ja seejärel Redigeeri.

4. Valige komponentide paanil Kujundus.

5. Valige kujundus eelseadistustest, mida soovite kopeerida, valige ... ja seejärel valige Kohanda.

   

6. Värskendage kujunduse üksikasju vastavalt eelnevas jaotises kirjeldatule ja salvestage kujundus.

Sass-muutujad

Sass on laadilehe keel, millel on CSS-iga täielikult ühilduv süntaks. Põhikujunduse funktsiooni lubamisel saate väärtuste asemel kasutada Sass-muutujaid kujunduse värvide konfigureerimiseks.

Näiteks kui soovite, et Päise värv oleks 25 protsenti heledam kui Esmane värv, saate kindla värvi asemel kasutada järgmist väärtust.

lighten($primaryColor, 25%);

Põhikujundustega saate kasutada järgmisi sass-muutujaid.

Värvisuvand	Sass-muutuja nimi
Esmane	$primaryColor
Päis	$headerColor
Päise menüü tekst	$headerMenuTextColor
Päise menüü hõljumine	$headerMenuHoverColor
Keha taust	$bodyBackground
Jaluse taust	$footerColor
Jaluse tekst	$footerTextColor

Sass-muutuja järjestus

Sass-muutujad liiguvad ülevalt alla. Saate määrata Päise värvi lighten($primaryColor, 25%);. Kuid te ei saa määrata Esmast värvi lighten($headerColor, 25%);, kuna Päis on loendis suvandist Peamine allpool.

Mida arvestada põhikujunduse puhul

• Kahel kujundusel ei saa olla sama kujunduse nimi või kujunduse faili nimi.
• Käsitsi sisestatav värvi väärtus peab vastama sobivale värvile.
• Valmislahenduste CSS-i muutmist ei toetata.
• Hõlbustamise eesmärgil on kujunduse soovitatav esiplaani ja taustavärvi kontrastsuse suhe 4.5:1.

Järgmised etapid

Kujunduse CSS-i redigeerimine

Vt ka

Power Apps portaal Studio
Veebilehtede loomine ja haldamine
WYSIWYG redaktor

Märkus

Kas saaksite meile dokumentatsiooniga seotud keele-eelistustest teada anda? Osalege lühikeses uuringus. (Uuring on ingliskeelne.)

Uuringus osalemine võtab umbes seitse minutit. Isikuandmeid ei koguta (privaatsusavaldus).