Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Accordion - Editorial Content - Desktop view:

Image Added

Accordion - Editorial Content - responsive view:

Image Added

  • used to structure detailed information for different topics on one page
  • the accordion element has at least one "box" which can be expanded/collapsed with the mechanism 
    • the mechanism is a +/- button
    • for mobile use it is recommended to close all "boxes" and just expend them when they are interacted with
    • alternatively the first accordion can be expended by default
    • when there's many boxes, an element to expended them all can be added to the element 
  • the title of an accordion box should be h4

Image Removed

Elements

ID

Title

Show?

Action

Changes

Tickets

1

element

optional///
2

accordion headline

yes///
3

expand function, first accordion should be open by default

alwaysexpands or collapses the text area//
4

text area

yes///
5

"expand all" textlink

optionalexpands all accordion in one sectionnot implemented on FAQ page/

Responsive View


Other Changes

  • implementation (games, license box):
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-4870
       
  • FAQ was not used in the DDB Redesign, it was later transformed into the FAQ of the Zeitungsportal
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBDRUPAL-349
      → 
      Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-6321

Figma

Cosmoblonde (2022)