Poni\u017cej przedstawi\u0119, w jaki spos\u00f3b mo\u017cna doda\u0107 dodatkowy element pomi\u0119dzy znacznikami <head>\u2026<\/head><\/strong> takiego domy\u015blnego nag\u0142\u00f3wka strony, bez konieczno\u015bci u\u017cywania mechanizm\u00f3w jQuery.<\/strong><\/p>\n\n\n\n Power App Portals wyr\u00f3\u017cnia si\u0119 szerokim wachlarzem konfiguracyjnym. Jednym z jego element\u00f3w s\u0105 snippety<\/strong>, czyli definiowalne fragmenty tekstu, kt\u00f3re mo\u017cemy wykorzystywa\u0107 wielokrotnie na r\u00f3\u017cnych stronach portalu w my\u015bl zasady DRY<\/strong> (ang. Don\u2019t Repeat Yourself). Wi\u0119kszo\u015b\u0107 snippet\u00f3w utworzymy sami w celu uzupe\u0142nienia naszych stron o tre\u015b\u0107 lub skrypty. Istnieje jednak pewien zestaw wbudowanych fragment\u00f3w tekstu, kt\u00f3re odgrywaj\u0105 okre\u015blon\u0105 rol\u0119 na portalach, daj\u0105c jednocze\u015bnie dodatkowe pole do konfiguracji element\u00f3w wbudowanych.<\/p>\n\n\n\n Poni\u017cej zostan\u0105 opisane dwa z nich: Head\/Bottom<\/strong> oraz Head\/Fonts<\/strong>.<\/p>\n\n\n\n Istniej\u0105 dwa sposoby na wstawienie znacznik\u00f3w w sekcji <head> z u\u017cyciem snippet\u00f3w. G\u0142\u00f3wna r\u00f3\u017cnica pomi\u0119dzy nimi polega na\u00a0umiejscowieniu zdefiniowanego tekstu<\/strong>. Oba sposoby maj\u0105 zastosowanie w przypadku korzystania ze standardowego nag\u0142\u00f3wka strony (ustawienia Page Template).<\/p>\n\n\n\n Pierwszy spos\u00f3b to u\u017cycie snippetu Head\/Bottom. Tekst, kt\u00f3ry w nim zdefiniujemy, pojawi si\u0119 na dole sekcji <head> przed znacznikiem zamykaj\u0105cym. G\u0142\u00f3wnym przeznaczeniem tego snippetu jest definiowanie dodatkowych znacznik\u00f3w <meta><\/strong>. Z g\u00f3rnego menu wybieramy\u00a0New<\/strong>\u00a0i wype\u0142niamy formularz danymi jak poni\u017cej:<\/p>\n\n\n\n Je\u017celi natomiast chcieliby\u015bmy\u00a0doda\u0107 co\u015b wy\u017cej w tej sekcji<\/strong>, mo\u017cemy pos\u0142u\u017cy\u0107 si\u0119 innym snippetem \u2013\u00a0Head\/Fonts<\/strong>. Zosta\u0142 on opracowany w celu definiowana arkuszy CSS. Teksty w nim umieszczone znajd\u0105 si\u0119 nad definicj\u0105 pierwszego domy\u015blnego pliku CSS. Nale\u017cy jednak pami\u0119ta\u0107, \u017ce nie s\u0105 to sekcje do wpisywania dowolnych warto\u015bci, poniewa\u017c mechanizmy Power Apps Portals dokonuj\u0105 analizy znacznik\u00f3w HTML-a.<\/strong><\/p>\n\n\n\n Poni\u017cszy efekt uzyskamy, je\u015bli wpiszemy\u00a0<test \/><\/strong>. Jak wida\u0107, utworzy\u0142 nam si\u0119 znacznik otwieraj\u0105cy i zamykaj\u0105cy. Gdyby\u015bmy wpisali inny tekst \u2013 rozdzielony spacjami \u2013 mog\u0142yby si\u0119 dodatkowo utworzy\u0107 atrybuty dla tego znacznika.<\/p>\n\n\n\n Opisane powy\u017cej snippety pomog\u0105 nam konfigurowa\u0107 sekcj\u0119 <head> na stronie, wykorzystuj\u0105c template ze standardowym nag\u0142\u00f3wkiem i stopk\u0105.<\/p>\n\n\n\n Istnieje jednak szereg innych, wbudowanych content snippet\u00f3w, jak na przyk\u0142ad:<\/p>\n\n\n\n Tworz\u0105c strony w Power Apps Portals, warto mie\u0107 na uwadze istnienie content snippet\u00f3w, by wykorzysta\u0107 ich potencja\u0142. Pe\u0142n\u0105 list\u0119 dodatkowych snippet\u00f3w znajdziecie tutaj<\/a>.<\/p>\n\n\nUkryte i ma\u0142o znane content snippets<\/h2>\n\n\n\n
Uzupe\u0142nianie znacznik\u00f3w w sekcji <head><\/head><\/h2>\n\n\n\n
![\"W\u0142\u0105czanie](\"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2021\/10\/1-use-website-header-1.jpg\")
<\/a>
Je\u015bli nie widzimy takiego snippetu w aplikacji, musimy go sobie utworzy\u0107. Aby to zrobi\u0107, nale\u017cy przej\u015b\u0107 nast\u0119puj\u0105ce kroki:<\/p>\n\n\n\n<\/a><\/a>
Podobnie jak w przypadku Head\/Bottom \u2013 je\u015bli nie jest dost\u0119pny, musimy go utworzy\u0107 w analogiczny spos\u00f3b.<\/p>\n\n\n\n<\/a><\/a>Pozosta\u0142e ukryte content snippets<\/h2>\n\n\n\n