Rozklikávací boxy

K čemu slouží

Rozklikávací boxy jsou prvkem, který je tvořený libovolným počtem rozbalovacích boxíků umístěných pod sebe.

Příklady použití:

  • Časté dotazy uživatelů 
    Nejtypičtější použití prvku je pro často kladené dotazy. Návštěvníkům webu tak můžete přehlednou formou poskytnout užitečné informace a odpovědi na časté otázky. Zároveň tak snížíte počet dotazů, se kterými by se na vás návštěvníci webu obraceli e-mailem či telefonicky. (Viz ukázky 1 a 2 níže.)

  • Přehledné rozčlenění delších textů na jedné stránce
    Rozklikávací boxy se mohou hodit pro přehlednou prezentaci delších textů, kdy se každý box věnuje jednomu tématu. Například informace pro uchazeče v prezentaci studijního programu. (Viz ukázky 3 a 4 níže.)

  • Rozšiřující či doplňkový obsah
    ​Další využití je pro různé typy rozšiřujícího či doplňujícího obsahu. Díky tomu nezahltíte stránku dlouhými texty, které není nutné rozepisovat rovnou na stránce. Příkladem může být popis postupu či návodu, doplňující vysvětlení, podrobnější popisy jednotlivých výhod vaší služby a mnoho dalšího.

Jak s komponentou pracovat

Varianty vzhledu a další nastavení

Možnosti vzhledu

  • možnosti ohraničení boxu (s ohraničením a bílým podbarvením, případně bez ohraničení)
  • variabilní velikost boxu (malá, velká)
  • variabilní šířka boxu (přes celou stránku, respektive šířku sloupce, ve kterém je box v Umbracu vyložený, či pro pohodlné čtení – tzn. cca do dvou třetin stránky)

Další informace a nastavení

  • Dovnitř boxu je možné vložit libovolný obsah – tedy nejen text, ale např. i tlačítko, obrázek a jakékoliv další komponenty.
  • Prostřednictvím použití tzv. kotvy je možné odkazovat přímo na konkrétní box.

  • Každou z komponent vytvořených v Umbracu je možné na webu skrýt (záložka Viditelnost v nastavení prvku) a vždy je možné nastavit rozestupy od okolních prvků (záložka Rozestupy).
  • Prozkoumejte a vyzkoušejte všechny dostupné možnosti nastavení této komponenty přímo v Umbracu.

Tipy a doporučení

  • Název otázky pište stručný a jasný.
  • Zkontrolujte si v náhledu v nastavení komponenty, jak se otáčecí dlaždice zobrazí na desktopu, tabletu a mobilu.

Příklady rozklikávacích boxů

Ukázky použití na webu

Zobrazte si živé ukázky – k dispozici je vždy odkaz na ukázkovou stránku nebo přímo na skutečnou stránku webu, ze kterého daný příklad pochází.

Ukázka 1

  Zvětšit obrázek
 Zobrazit živou ukázkovou stránku

Nastavení prvku v této ukázce: rozklikávací boxy s ohraničením, velikost boxu: malá, celá šířka

Ukázka 2

  Zvětšit obrázek
  Zobrazit živou ukázkovou stránku

Nastavení prvku v této ukázce:
rozklikávací boxy s ohraničením, velikost boxu: malá, celá šířka

Ukázka 3

  Zvětšit obrázek
  Přejít na stránku na webu WebCentra

Nastavení prvku v této ukázce:
rozklikávací boxy s ohraničením, velikost boxu: malá, celá šířka

Ukázka 4

  Zvětšit obrázek
  Přejít na stránku na webu MU

Nastavení prvku v této ukázce: rozklikávací boxy s ohraničením, velikost boxu: velká, celá šířka

Používáte starou verzi internetového prohlížeče. Doporučujeme aktualizovat Váš prohlížeč na nejnovější verzi.

Další info