Maticová komponenta

Ikona:


Hlavní funkcí maticové komponenty je zobrazení obsahu ve sloupcích, které se responzivně budou měnit podle nastavení zobrazení na telefonu/tabletu/počítači.


Matice je kombinací komponenty responzivních sloupců a tabulky, ale s jiným možným nastavením.


Jelikož nastavení zobrazení komponenty umožňuje razantně měnit grafické zobrazení na webu jsou jednotlivá nastavení komponenty omezena a udělována na požádání.


V textovém editoru v DG je vždy zobrazen počet sloupců, který odpovídá zobrazení na klasickém počítači.


Nastavení komponenty

Možné nastavení jsou následující:

  • Počet sloupců pro mobilní zařízení

  • Počet sloupců pro tabletové zařízení

  • Počet sloupců pro počítačové zařízení

  • *Vnitřní odsazení položek - odsazení obsahu položky od okraje (doporučené hodnoty jsou 0 nebo 13 - odpovídá hodnotě odsazení, které se používá běžně na webu)

  • *Poloměr zakulacení rohů

  • *Obrázek zapustit do kraje položky - pokud chcete kombinovat obrázek + text, kde obrázek je na prvním místě, pak je doporučené toto nastavení použít v kombinaci s vnitřním odsazením položek. Obrázek bude umístěn do okraje položky (ignoruje vnitřní odsazení) a text bude mít nastavené odsazení.

  • *Renderovat stín - vykreslí stín za jednotlivýma položkama

  • *Stejná výška položek - výška položek v řádku bude totožná, bez ohledu na obsah


* nastavení, která se povolují na požádání.


Nastavení jednotlivých položek

Možné nastavení jednotlivé položky matici jsou následující:

  • *Barva pozadí položek - barevné podkreslení jednotlivých položek. Dostupné barvy jsou:

    • univerzitní rudá

    • univerzitní modrá

    • barva webu

  • URL - pokud je vyplněno:

    • pak dlaždice v matici funguje jako odkaz

    • uvnitř textu dlaždice nesmí být použit odkaz! V HTML nesmí být odkaz uvnitř odkazu, tím se rozbije layout stránky!


Pokud vkládáte obrázky do položek, doporučujeme u nich použit možnost "Celá dostupná šířka" v nastavení obrázku. Obrázek tím bude mít vždy plnou šířku bez nutnosti jejího nastavení.


Ukázky


3 sloupce na pc

prvni polozka


druha polozka

AI generated
AI generated

treti polozka

AI generated
AI generated

ctvrta polozka

AI generated
AI generated

pata polozka

AI generated
AI generated

sesta polozka

AI generated

  • seznam 1

  • seznam 2


4 sloupce na PC

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Curabitur bibendum justo non orci. Integer malesuada. Duis viverra diam non justo. Fusce suscipit libero eget elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer vulputate sem a nibh rutrum consequat.

Vivamus luctus egestas leo.

Etiam neque. Nunc auctor. Fusce tellus. Cras pede libero, dapibus nec, pretium sit amet, tempor quis.






Poslední změna: 9. leden 2026 09:44 
Váš názor
Kontakty

Sídlo, fakturační a korespondenční adresa:

Univerzita Karlova

Ústav výpočetní techniky

Ovocný trh 560/5

Praha 1, 116 36

Česká republika


Adresa pracoviště:

Petrská 1180/3

Praha 1, 110 00


Telefon: +420 224 491 647

E-mail:


Jak k nám