Rozbalovací komponenta

Pro rozbalovací komponentu se používá následující ikona:

Jedná se o komponentu, která vykresluje textové bloky do rozbalujících bloků. Může se použít jako jednotný blok s textem a nebo jako seznam těchto bloků.


DŮLEŽITÉ: Do obsahové části lze zanořovat další rozbalovací komponenty. Jednotlivé zanořené úrovně budou od sebe graficky lehkým odstínem pozadí odděleny.



Nastavení:

Editace rozbalovacího bloku
Editace rozbalovacího bloku


  • Nadpis - předpokládá se vyplněný

  • Podnadpis - nemusí být vyplněný

  • Obsah - textová část, která se rozbaluje/schovává. Do této části lze vkládat jakýkoliv text a jiné komponenty. Rozbalovací komponenty se dají do sebe zanořovat.


Při kliknutím pravým tlačítkem lze nastavit možnost vykreslování na webu. Jsou dva typy vykreslování.

S mezery mezi položkama

U prvních položkek je ukázka zanoření dalších rozbalovacích komponent

Nadpis první položky s podnadpisem

Podnadpis první položky - ukázka zanoření

Nadpis první položky s podnadpisem

Podnadpis první položky

Nadpis první položky s podnadpisem

Podnadpis první položky

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur vitae diam non enim vestibulum interdum. Pellentesque arcu. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Pellentesque sapien. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Aliquam erat volutpat. Integer in sapien. Phasellus rhoncus. Integer tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. In convallis. Nulla non lectus sed nisl molestie malesuada. Pellentesque arcu. In enim a arcu imperdiet malesuada. Et harum quidem rerum facilis est et expedita distinctio. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.

Nadpis druhé položky bez podnadpisu

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur vitae diam non enim vestibulum interdum. Pellentesque arcu. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Pellentesque sapien. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Aliquam erat volutpat. Integer in sapien. Phasellus rhoncus. Integer tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. In convallis. Nulla non lectus sed nisl molestie malesuada. Pellentesque arcu. In enim a arcu imperdiet malesuada. Et harum quidem rerum facilis est et expedita distinctio. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.

Nadpis třetí položky s podnadpisem

Podnadpis

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur vitae diam non enim vestibulum interdum. Pellentesque arcu. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Pellentesque sapien. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Aliquam erat volutpat. Integer in sapien. Phasellus rhoncus. Integer tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. In convallis. Nulla non lectus sed nisl molestie malesuada. Pellentesque arcu. In enim a arcu imperdiet malesuada. Et harum quidem rerum facilis est et expedita distinctio. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.

Nadpis druhé položky bez podnadpisu

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur vitae diam non enim vestibulum interdum. Pellentesque arcu. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Pellentesque sapien. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Aliquam erat volutpat. Integer in sapien. Phasellus rhoncus. Integer tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. In convallis. Nulla non lectus sed nisl molestie malesuada. Pellentesque arcu. In enim a arcu imperdiet malesuada. Et harum quidem rerum facilis est et expedita distinctio. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.

Nadpis třetí položky s podnadpisem

Podnadpis

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur vitae diam non enim vestibulum interdum. Pellentesque arcu. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Pellentesque sapien. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Aliquam erat volutpat. Integer in sapien. Phasellus rhoncus. Integer tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. In convallis. Nulla non lectus sed nisl molestie malesuada. Pellentesque arcu. In enim a arcu imperdiet malesuada. Et harum quidem rerum facilis est et expedita distinctio. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.

Nadpis druhé položky bez podnadpisu

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur vitae diam non enim vestibulum interdum. Pellentesque arcu. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Pellentesque sapien. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Aliquam erat volutpat. Integer in sapien. Phasellus rhoncus. Integer tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. In convallis. Nulla non lectus sed nisl molestie malesuada. Pellentesque arcu. In enim a arcu imperdiet malesuada. Et harum quidem rerum facilis est et expedita distinctio. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.

Nadpis třetí položky s podnadpisem

Podnadpis

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur vitae diam non enim vestibulum interdum. Pellentesque arcu. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Pellentesque sapien. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Aliquam erat volutpat. Integer in sapien. Phasellus rhoncus. Integer tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. In convallis. Nulla non lectus sed nisl molestie malesuada. Pellentesque arcu. In enim a arcu imperdiet malesuada. Et harum quidem rerum facilis est et expedita distinctio. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.


Bez mezer mezi položkama

U nastavení bez mezer mezi položkama se defaultně při načtení stránky. U prvních položkek je ukázka zanoření dalších rozbalovacích komponent.

Nadpis první položky s podnadpisem

Podnadpis první položky - ukázka zanoření

Nadpis první položky s podnadpisem

Podnadpis první položky

Nadpis první položky s podnadpisem

Podnadpis první položky

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur vitae diam non enim vestibulum interdum. Pellentesque arcu. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Pellentesque sapien. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Aliquam erat volutpat. Integer in sapien. Phasellus rhoncus. Integer tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. In convallis. Nulla non lectus sed nisl molestie malesuada. Pellentesque arcu. In enim a arcu imperdiet malesuada. Et harum quidem rerum facilis est et expedita distinctio. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.

Nadpis druhé položky bez podnadpisu

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur vitae diam non enim vestibulum interdum. Pellentesque arcu. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Pellentesque sapien. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Aliquam erat volutpat. Integer in sapien. Phasellus rhoncus. Integer tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. In convallis. Nulla non lectus sed nisl molestie malesuada. Pellentesque arcu. In enim a arcu imperdiet malesuada. Et harum quidem rerum facilis est et expedita distinctio. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.

Nadpis třetí položky s podnadpisem

Podnadpis

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur vitae diam non enim vestibulum interdum. Pellentesque arcu. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Pellentesque sapien. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Aliquam erat volutpat. Integer in sapien. Phasellus rhoncus. Integer tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. In convallis. Nulla non lectus sed nisl molestie malesuada. Pellentesque arcu. In enim a arcu imperdiet malesuada. Et harum quidem rerum facilis est et expedita distinctio. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.

Nadpis druhé položky bez podnadpisu

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur vitae diam non enim vestibulum interdum. Pellentesque arcu. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Pellentesque sapien. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Aliquam erat volutpat. Integer in sapien. Phasellus rhoncus. Integer tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. In convallis. Nulla non lectus sed nisl molestie malesuada. Pellentesque arcu. In enim a arcu imperdiet malesuada. Et harum quidem rerum facilis est et expedita distinctio. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.

Nadpis třetí položky s podnadpisem

Podnadpis

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur vitae diam non enim vestibulum interdum. Pellentesque arcu. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Pellentesque sapien. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Aliquam erat volutpat. Integer in sapien. Phasellus rhoncus. Integer tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. In convallis. Nulla non lectus sed nisl molestie malesuada. Pellentesque arcu. In enim a arcu imperdiet malesuada. Et harum quidem rerum facilis est et expedita distinctio. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.

Nadpis druhé položky bez podnadpisu

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur vitae diam non enim vestibulum interdum. Pellentesque arcu. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Pellentesque sapien. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Aliquam erat volutpat. Integer in sapien. Phasellus rhoncus. Integer tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. In convallis. Nulla non lectus sed nisl molestie malesuada. Pellentesque arcu. In enim a arcu imperdiet malesuada. Et harum quidem rerum facilis est et expedita distinctio. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.

Nadpis třetí položky s podnadpisem

Podnadpis

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur vitae diam non enim vestibulum interdum. Pellentesque arcu. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Pellentesque sapien. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Aliquam erat volutpat. Integer in sapien. Phasellus rhoncus. Integer tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. In convallis. Nulla non lectus sed nisl molestie malesuada. Pellentesque arcu. In enim a arcu imperdiet malesuada. Et harum quidem rerum facilis est et expedita distinctio. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.


Poslední změna: 3. březen 2023 08:57 
Sdílet na: Facebook Sdílet na: Twitter
Sdílet na:  
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