Komponenta: Informační panel

Informační panel slouží ke zvýraznění důležitých informací, upozornění nebo tipů pomocí barevného rámečku.

Příklad informačního panelu

Toto je živý příklad informačního panelu typu Tip. Takto vypadá v praxi a takto se zobrazí na vašich stránkách.

Co je Informační panel

Informační panel (Infopanel) je zvýrazněný box pro důležité informace, upozornění nebo tipy. Vizuálně se odlišuje od běžného textu barevným rámečkem a ikonou.

Kdy použít

  • Pro důležitá upozornění nebo varování
  • Pro tipy a rady
  • Pro zdůraznění klíčových informací
  • Pro úspěšné nebo chybové hlášky

Jak přidat Informační panel

  1. V záložce Obsah klikněte na "Přidat komponentu"
  2. Vyberte "Informační panel"
  3. Vyplňte následující pole

Dostupná pole

Nadpis

Krátký výstižný nadpis informačního panelu (např. "Důležité upozornění", "Tip", "Pozor").

Obsah

Text informace. Buďte stručný a jasný - infopanel by měl obsahovat 1-3 věty.

Typ panelu (povinné)

Vyberte typ podle charakteru informace:

  • Primární (modrý): Obecné informace, tipy
  • Sekundární (šedý): Doplňující informace
  • Úspěch (zelený): Pozitivní zprávy, úspěšné dokončení
  • Upozornění (žlutý/oranžový): Varování, důležité informace vyžadující pozornost
  • Varování (červený): Kritická varování, chyby

Ikona (volitelné)

Můžete přidat ikonu (SVG) pro vizuální zpestření. Nechte prázdné pro použití výchozí ikony podle typu panelu.

Příklady použití

Upozornění

Nadpis: "Důležité upozornění"
Typ: Upozornění
Obsah: "Úřad bude 24. 12. uzavřen. V případě naléhavých situací kontaktujte pohotovost na tel. 123 456 789."

Tip

Nadpis: "Dobrý tip"
Typ: Primární
Obsah: "Formulář můžete vyplnit předem online a ušetřit tak čas na úřadě."

Dobré praktiky

  • Používejte střídmě: Příliš mnoho infopanelů ztrácí účinek
  • Buďte stručný: Maximálně 3 věty
  • Správný typ: Používejte červené varování jen pro opravdu kritické informace
  • Jasné sdělení: Čtenář by měl okamžitě pochopit, proč je informace zvýrazněna

Varianta: Upozornění

Toto je informační panel typu Upozornění - použijte pro důležité informace vyžadující pozornost.

Varianta: Varování

Toto je informační panel typu Varování - použijte pouze pro kritické informace nebo chyby.

Varianta: Úspěch

Toto je informační panel typu Úspěch - použijte pro pozitivní zprávy a potvrzení.

Počet položek v Průvodce komponentami: 12.

 

Komponenta: Text (Content)

Komponenta Text slouží pro vytváření běžného textového obsahu s formátováním pomocí WYSIWYG editoru.
Informační panel slouží ke zvýraznění důležitých informací, upozornění nebo tipů pomocí barevného rámečku.
 

Komponenta: Akordion

Akordion umožňuje vytvořit skládací sekce, ideální pro FAQ, dlouhé texty nebo obsah rozdělený do témat.
 

Komponenta: Obrázek

Komponenta Obrázek umožňuje vložit samostatný obrázek do obsahu s popiskem a různými možnostmi zobrazení.
 

Komponenta: Galerie

Galerie umožňuje vytvořit fotogalerii s více obrázky, které se zobrazují jako miniatury s možností lightboxu.
 

Komponenta: Seznam stránek

Seznam stránek vytvoří automatický přehled vybraných stránek s náhledy, úvodníky a odkazy.
 

Komponenta: Obrázek s textem

Komponenta Obrázek s textem umožňuje vytvořit layout s obrázkem a textem umístěnými vedle sebe.
 

Komponenta: Dlaždice

Dlaždice slouží k vytvoření vizuálně atraktivního přehledu služeb, kategorií nebo odkazů s ikonami.
 

Komponenta: Přílohy

Komponenta Přílohy vytvoří seznam souborů ke stažení (PDF, DOC, XLS) s ikonami podle typu souboru.
 

Komponenta: Statistický pruh

Statistický pruh slouží k výraznému zobrazení číselných údajů, statistik a metrik.
 

Komponenta: Hero sekce

Hero sekce je výrazná hlavička na začátku stránky s velkým obrázkem, nadpisem a volitelným vyhledávacím polem.
 

Komponenta: Vložený seznam

Vložený seznam umožňuje automaticky zobrazit filtrovaný seznam obsahu (články, novinky, události) přímo na stránce.

Našli jste, co jste hledali?

Našli jste co jste hledali?
Nepovinná informace. Usnadní nám ale případnou další komunikaci.
Nepovinná informace. Pokud ale chcete získat odpověď, na Váš email, musíte jej vyplnit.
Popište vaše připomínky.