Przejdź do treści Przejdź do stopki

Akordeon i zakładki

Akordeon

Akordeon jest interaktywnym elementem zawartości otwieranym lub zamykanym po kliknięciu użytkownika w przycisk po prawej stronie.

Może przybierać formę otwartego elementu prezentującego zagnieżdżoną w nim treść lub wyświetlać się w formie zamkniętej pozwalając tym samym zaoszczędzić przestrzeń strony.

Wariant z otwartą, po załadowaniu się strony, wybraną kartą

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor tincidunt bibendum. Donec in lorem et libero venenatis placerat. Cras a massa sodales, maximus enim vitae, aliquam turpis. Ut et porta lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed id sapien vel mi posuere mattis. Nunc risus mauris, efficitur eget sagittis a, cursus at erat. Curabitur tellus sapien, dictum eget lacinia tincidunt, lacinia vitae ipsum. Etiam vestibulum tempus mi ut finibus.

Nullam hendrerit mollis fringilla. Phasellus aliquet lacus id dapibus facilisis. Aenean sollicitudin ipsum libero. Integer nec cursus nulla. Pellentesque vitae auctor metus, in semper sem. Mauris ornare eros sit amet mattis cursus. Phasellus malesuada, nisl consequat sodales varius, erat diam vehicula ligula, ac ullamcorper tellus massa vel ex. Etiam scelerisque felis sed metus scelerisque, ut sodales nisl viverra. Donec turpis quam, ultricies in tortor vel, molestie pretium dui. Donec vel ante a nibh auctor volutpat.

Wariant z zamkniętymi kartami po załadowaniu się strony

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor tincidunt bibendum. Donec in lorem et libero venenatis placerat. Cras a massa sodales, maximus enim vitae, aliquam turpis. Ut et porta lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed id sapien vel mi posuere mattis. Nunc risus mauris, efficitur eget sagittis a, cursus at erat. Curabitur tellus sapien, dictum eget lacinia tincidunt, lacinia vitae ipsum. Etiam vestibulum tempus mi ut finibus.

Nullam hendrerit mollis fringilla. Phasellus aliquet lacus id dapibus facilisis. Aenean sollicitudin ipsum libero. Integer nec cursus nulla. Pellentesque vitae auctor metus, in semper sem. Mauris ornare eros sit amet mattis cursus. Phasellus malesuada, nisl consequat sodales varius, erat diam vehicula ligula, ac ullamcorper tellus massa vel ex. Etiam scelerisque felis sed metus scelerisque, ut sodales nisl viverra. Donec turpis quam, ultricies in tortor vel, molestie pretium dui. Donec vel ante a nibh auctor volutpat.

Zakładki (Tab)

Zakładki (Tab) to drugi z interaktywnych elementów zawartości o funkcjonalnościach bardzo zbliżonych do Akordeonu. 

Element składa się z kart ulokowanych jedna za drugą z wystającymi w górnej ich częsci zakładkami z nagłówkami. Wyświetlenie zawartości konkretnej karty możliwe jest po kliknięciu w jej zakładke z nagłówkiem.

Tytuł znajdujący się w zakładce karty ograniczony jest do 30 znaków.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor tincidunt bibendum. Donec in lorem et libero venenatis placerat. Cras a massa sodales, maximus enim vitae, aliquam turpis. Ut et porta lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed id sapien vel mi posuere mattis. Nunc risus mauris, efficitur eget sagittis a, cursus at erat. Curabitur tellus sapien, dictum eget lacinia tincidunt, lacinia vitae ipsum. Etiam vestibulum tempus mi ut finibus.

Nullam hendrerit mollis fringilla. Phasellus aliquet lacus id dapibus facilisis. Aenean sollicitudin ipsum libero. Integer nec cursus nulla. Pellentesque vitae auctor metus, in semper sem. Mauris ornare eros sit amet mattis cursus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed id sapien vel mi posuere mattis. Phasellus malesuada, nisl consequat sodales varius, erat diam vehicula ligula, ac ullamcorper tellus massa vel ex. Etiam scelerisque felis sed metus scelerisque, ut sodales nisl viverra. Donec turpis quam, ultricies in tortor vel, molestie pretium dui. Donec vel ante a nibh auctor volutpat.

Dodawanie elementu „Akordeon” lub „Zakładki (Tab)” do strony

Instrukcja pokazuje sposób dodawania elelementów na przykładzie „Akordeonu” i jest ona bliżniacza dla elementu „Zakładki (Tab)”

W trybie „Strona” należy wybrać docelową stronę, na której ma zostać umieszczony „Akordeon”.

  1. Kliknąć przycisk „+Treść”.
  2. W oknie wybrać kartę „Interaktywne”.
  3. Wybrać element „Akordeon”.

Po utworzeniu i zapisaniu element wypełni całą dostępną kolumnę.


Po utworzeniu elementu „Akordeon” należy dodać pożądaną liczbę jego kart i wypełnić je treścią.

  1. Należy kliknąć w przycisk „+ Utwórz nowy”. Spowoduje to utworzenie nowej karty „Akordeonu”.
  2. W polu „Nazwa elementu” wpisać tytuł karty.
  3. W polu „Tekst” można dodać dowolny tekst, listę, lub tabelę.
  4. Przycisk „Dodaj obraz” pozwala wybrać z repozytorium grafikę i umieścić ją w treści edytowanej karty
  5. Opcje 5 / 6 / 7 odnoszą się do usytuowania grafiki względem tekstu wewnątrz karty „Akordeonu”

 

Stopka