Artikel mit Expandern und Tab-Reitern

Artikel: Artikel mit Expandern und Tab-Reitern

Im Folgenden wird auf die Erstellung eines Expanders im Dokumenttyp Artikel eingegangen.

Expander als Zitat

Im Richtext kann über die Funktion "Text als Zitat formatieren" und der Einstellung "Zitat als Expander (offen/zu)" ein Expander im Artikel erzeugt werden.

Expander (initial offen)
Expander (initial geschlossen)
Textmodul für den Expander 2 (mit Links)

Die Deutsche Bahn (DB) setzt auch in diesem Jahr ein klares Zeichen für Vielfalt und Akzeptanz. Mit einer Kampagne zum Start der eigentlichen Christopher-Street-Day-Saison unterstützt die DB die LGBTIQ*-Bewegung. „Die DB setzt sich für eine bunte und offene Gesellschaft ein. Diese Vielfalt leben wir innerhalb der Deutschen Bahn und setzen mit zahlreichen Maßnahmen immer wieder ein Zeichen für ein tolerantes Miteinander“, so DB-Chef Richard Lutz. interner Link zur Startseite

Ende des Expander-Inhaltes
Strategische Partnerschaften als Innovationstreiber

Ab heute, 25. Juni, beginnen die regelmäßigen Testfahrten der vernetzten Lkw auf der 145 Kilometer langen Strecke. Bis Anfang August wird noch ohne Ladung geprobt. Danach werden die Platoons täglich mit bis zu drei Fahrten im Logistik-Alltag unterwegs sein, beladen mit Stückgut wie Maschinenteilen, Getränken oder Papier.

Sammlung: Standardteaser 100%

In Standard-Sammlungen lassen sich Artikel, Teaser, Textmodule und Seiten einfügen. Wenn ein Bild beim Zieldokument redaktioniert ist, wird dieses im Teaser mit dargestellt. Daher werden die Standard-Teaser auch Bild-Text-Teaser genannt. Sofern verschiedene Sammlungstypen kombiniert werden sollen, kann man diese mit der Standard Sammlung ein- oder mehrspaltig darstellen.

Textmodul für den Expander 1 (intial offen)

Seit Beginn der Zusammenarbeit im Mai 2017 und der offiziellen Übergabe der Testfahrzeuge durch MAN im Februar dieses Jahres werden die LKW-Fahrer durch intensive Schulungen auf ihre Rolle im Projekt vorbereitet. Die psychosozialen und neurophysiologischen Auswirkungen der neuen Technologie auf die Fahrer im Platoon erforscht die Hochschule Fresenius mit einer begleitenden Studie. 

Expander als Sammlung (eingebettet)

Link im 3. Expander

Sammlung Expander

Über eine Sammlung in der Anzeigevariante "accordeon_collection" können Artikel oder Textmodule auch in Form von Expandern dargestellt werden. Redaktionelle Hinweise: Um ein Akkordeon-Element initial aufgeklappt darzustellen, wird im entsprechenden Element der Boolean-Wert "isOpen" gesetzt. Der Boolean "callToActionDisabled" entfernt den CTA-Button bei Artikeln.

Artikel 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.interner Link  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. externer Link auf db.com

CtA-Text: Zum Artikel 1... Ende des Expander-Inhaltes
Textmodul für den Expander 1 (intial offen)

Seit Beginn der Zusammenarbeit im Mai 2017 und der offiziellen Übergabe der Testfahrzeuge durch MAN im Februar dieses Jahres werden die LKW-Fahrer durch intensive Schulungen auf ihre Rolle im Projekt vorbereitet. Die psychosozialen und neurophysiologischen Auswirkungen der neuen Technologie auf die Fahrer im Platoon erforscht die Hochschule Fresenius mit einer begleitenden Studie. 

Ende des Expander-Inhaltes
Textmodul für den Expander 2 (mit Links)

Die Deutsche Bahn (DB) setzt auch in diesem Jahr ein klares Zeichen für Vielfalt und Akzeptanz. Mit einer Kampagne zum Start der eigentlichen Christopher-Street-Day-Saison unterstützt die DB die LGBTIQ*-Bewegung. „Die DB setzt sich für eine bunte und offene Gesellschaft ein. Diese Vielfalt leben wir innerhalb der Deutschen Bahn und setzen mit zahlreichen Maßnahmen immer wieder ein Zeichen für ein tolerantes Miteinander“, so DB-Chef Richard Lutz. interner Link zur Startseite

Ende des Expander-Inhaltes
Textmodul für den Expander 3 (mit Listenelementen)

Hier eine Aufzählung mit Gedankenstrichen (unsortierte Liste):

  • Aufzählungspunkt 
    • Unterpunkte können eingerückt werden
    • Unterpunkt
      • Test
    • Unterpunkt
  • Aufzählungspunkt 

Hier eine Aufzählung mit Ziffern (sortierte Liste):

  1. Aufzählungspunkt 1
  2. Aufzählungspunkt 2
  3. Aufzählungspunkt 3
    1. Unterpunkte können eingerückt werden
    2. Unterpunkt
      1. Test
      2. Test
    3. Unterpunkt
  4. Aufzählungspunkt 4
  5. Aufzählungspunkt 5
  6. Aufzählungspunkt 6
  7. Aufzählungspunkt 7
  8. Aufzählungspunkt 8
  9. Aufzählungspunkt 9
  10. Aufzählungspunkt 10

Geordnete Liste (nummeriert), verschachtelt mit verschiedenen Listen

  1. OL: Aufzählungspunkt nummeriert
    • UL: Aufzählungspunkt unsortiert
      • UL: Aufzählungspunkt unsortiert 
      • UL: Aufzählungspunkt unsortiert
      • UL: Aufzählungspunkt unsortiert
    • UL: Aufzählungspunkt unsortiert
      1. OL: Aufzählungspunkt nummeriert
      2. OL: Aufzählungspunkt nummeriert
      3. OL: Aufzählungspunkt nummeriert
    • UL: Aufzählungspunkt unsortiert
  2. OL: Aufzählungspunkt nummeriert
    1. OL: Aufzählungspunkt nummeriert 
      1. OL: Aufzählungspunkt nummeriert
      2. OL: Aufzählungspunkt nummeriert
      3. OL: Aufzählungspunkt nummeriert
    2. OL: Aufzählungspunkt nummeriert 
      • UL: Aufzählungspunkt unsortiert
      • UL: Aufzählungspunkt unsortiert
      • UL: Aufzählungspunkt unsortiert
    3. OL: Aufzählungspunkt nummeriert 
  3. OL: Aufzählungspunkt nummeriert

Ungeordnete Liste (Gedankenstrich), verschachtelt mit verschiedenen Listen

  • UL: Aufzählungspunkt unsortiert
    1. OL: Aufzählungspunkt nummeriert
      • UL: Aufzählungspunkt unsortiert
      • UL: Aufzählungspunkt unsortiert
      • UL: Aufzählungspunkt unsortiert
    2. OL: Aufzählungspunkt nummeriert
      1. OL: Aufzählungspunkt nummeriert 
      2. OL: Aufzählungspunkt nummeriert
      3. OL: Aufzählungspunkt nummeriert
      4. OL: Aufzählungspunkt nummeriert
      5. OL: Aufzählungspunkt nummeriert
      6. OL: Aufzählungspunkt nummeriert
      7. OL: Aufzählungspunkt nummeriert
      8. OL: Aufzählungspunkt nummeriert
      9. OL: Aufzählungspunkt nummeriert
      10. OL: Aufzählungspunkt nummeriert
    3. OL: Aufzählungspunkt nummeriert 
  • UL: Aufzählungspunkt unsortiert
    • UL: Aufzählungspunkt unsortiert 
      • UL: Aufzählungspunkt unsortiert 
    • UL: Aufzählungspunkt unsortiert 
  • UL: Aufzählungspunkt unsortiert
Ende des Expander-Inhaltes
Teaser mit CtA-Redaktion im Teaser

Dieser Teaser nutzt das neue Studio-Feld des Teaser-Ziel CTA, dass man direkt im Teaser den CTA-Text pflegen kann. Im Fallback zieht der CTA-Text vom Teaser-Zielobjekt (Artikel 1)

Teaser-CtA-Text Ende des Expander-Inhaltes
Teaser auf Artikel 1

Teaser-Text: Ist kein Teaserbild gepflegt, wird im Default das Bild aus dem Artikel als Teaserbild genommen.

CTA-Teaser: Zum Artikel 1... Ende des Expander-Inhaltes

Tab Reiter als Sammlung (eingebettet)

Sammlung Tabreiter

Über eine Sammlung in der Anzeigevariante "Tabreiter" können Artikel oder Textmodule auch in Form von Tabreitern dargestellt werden. Bei vielen Tabreitern erscheinen rechts Navigationspfeile.

Artikel 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.interner Link  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. externer Link auf db.com

CtA-Text: Zum Artikel 1...

Schachtelung mit anderen Sammlungen

Expander und Tabreiter eignen sich sehr gut, um innerhalb diesen weitere Inhaltsmodule zu integrieren. Anbei sind alle Sammlungen aufgeführt, die sich in einem Artikel und sinnvollerweise in einem Expander oder Tabreiter darstellen lassen.

T-Titel: Artikel mit Ansprechpartnern

Kontakt ohne Bild (direkt eingebettet)

Max Mustermann

Projektleiter des Living Lab

DB Netz AG

Die Konzernleitung nutzt die DB Systel in ihrer Rolle als Integrator und Enabler zur Förderung und Optimierung einer digitalunterstützenden, geschäftsfeldübergreifenden Zusammenarbeit. 

DB Systel betreut die zentralen Einheiten des DB-Konzerns wie zum Beispiel Finanzen, Controlling, Bilanzen, Beschaffung, Personal und Immobilien. Dabei gilt es, mit wertschöpfenden IT-Synergien Kostenvorteile zu nutzen. Dies geschieht unter Einhaltung höchster Standards in Sicherheit und Datenschutz. 

Kontakt mit Bild (direkt eingebettet)

Dr. Robin Hotzenplotz

Pfefferpistolen Designer

Räuber
Wald und Wiesen GmbH
Halsabschneider

Caroline-Michaelis-Str. 5-11 // Raum D.3.35
10115 Berlin
DEUTSCHLAND

Freies Textfeld: Was für ein böser Mensch dieser Hotzenplotz war: alle Leute hatten entsetzliche Angst vor ihm, sogar der Herr Wachtmeister.

Externer Link www.raeuberhotzenplotz.de

Intelligente Lösungen müssen sowohl die stetig wachsenden Kundenanforderungen erfüllen als auch die internen Prozesse und Dies geschieht unter Einhaltung höchster Standards in Sicherheit und Datenschutz. 
Intelligente Lösungen müssen sowohl die stetig wachsenden Kundenanforderungen erfüllen als auch die internen Prozesse und Dies geschieht unter Einhaltung höchster Standards in Sicherheit und Datenschutz. 

Als Digitalpartner der Deutschen Bahn agieren wir langfristig und anbieterneutral im Sinne unserer gemeinsamen Zielsetzung – „Wir gestalten Fortschritt und Zukunft“. Neben unserer langjährigen Erfahrung, hoher Beratungs- und Methodenkompetenz bieten wir ein umfassendes, marktorientiertes Produktportfolio angereichert mit individuellen Entwicklungen. Der Anwendungsbetrieb in der Cloud sowie die Nutzung und der Einsatz von innovativen Trends wie Big-Data-Lösungen haben auf der Konzernleitungsebene eine große Bedeutung.

<Abstandshalter>

<Abstandshalter>

<Abstandshalter>

Sammlung AnzVariante Ansprechpartner (direkt eingebettet)

Ansprechpartner

Dr. Robin Hotzenplotz

Pfefferpistolen Designer

Räuber
Wald und Wiesen GmbH
Halsabschneider

Caroline-Michaelis-Str. 5-11 // Raum D.3.35
10115 Berlin
DEUTSCHLAND

Freies Textfeld: Was für ein böser Mensch dieser Hotzenplotz war: alle Leute hatten entsetzliche Angst vor ihm, sogar der Herr Wachtmeister.

Externer Link www.raeuberhotzenplotz.de

Max Mustermann

Projektleiter des Living Lab

DB Netz AG


Ende des Expander-Inhaltes
Artikel mit Basic Teaser

Im Artikel-Richtext ist sind die Teaser- mit der Anzeigevariante "Basic Teaser - 25%" eingebettet. Achtung: trotz des Namens der Anzeigevariante werden nur 3 Teaser in einer Zeile ausgegeben, da der Platz für die Marginalspalte reserviert ist.

Sammlung: Teaser-Basic (Standard - Kachel-Optik, 25%)

Beim Teaser Basic handelt es sich um die cards-Variante vom Teaser-Rondell allerdings ohne Pagination/Slider. Bei mehr als 4 Elemente im Desktop, werden die nachfolgenden Elemente zentriert in der nächsten Zeile ausgespielt.


Ende des Expander-Inhaltes
T-Titel: Artikel mit Bildern

Videos können im Richtext in 100%, 75%, 50% und 25% Breite eingebettet werden. Alle Breiten werden im Breakpoint XS und SM 100%-ig ausgespielt.

25% mit Lightbox (per Klick / Tap)

Altern.Text: Hafenstadt
Bild links Text rechts

50%

Links im Hintergrund die Alpen. Davor eine grüne Wiese und rechts im Vordergrund eine charismatische Kuh.
Alpenwiese mit "Kuh" (Hintergrund dunkel)

75%

Links im Hintergrund die Alpen. Davor eine grüne Wiese und rechts im Vordergrund eine charismatische Kuh.
Alpenwiese mit "Kuh" (Hintergrund dunkel)

100%

Links im Hintergrund die Alpen. Davor eine grüne Wiese und rechts im Vordergrund eine charismatische Kuh.
Alpenwiese mit "Kuh" (Hintergrund dunkel)


Bilder, Text umfließend

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea

Links im Hintergrund die Alpen. Davor eine grüne Wiese und rechts im Vordergrund eine charismatische Kuh.
Alpenwiese mit "Kuh" (Hintergrund dunkel)

Linksbündig: takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Links im Hintergrund die Alpen. Davor eine grüne Wiese und rechts im Vordergrund eine charismatische Kuh.
Alpenwiese mit "Kuh" (Hintergrund dunkel)

Rechtsbündig: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.


Ende des Expander-Inhaltes
Artikel mit Callout-Teasern

Im Artikel lassen sich auch Callout-Teaser einbetten:

Sammlung-Titel: Text-Bild-Teaser 100% (Standard)

Sa_TText: diese Standard-Sammlung enthält drei Teaser mit verschiedenen Anzeigevarianten: callout-attention (rot), callout-info (blau), callout-warning (gelb). Oberhalb sieht man die Anzeigevariante callout-neutral (weiß) mit dem aktivierten Boolean isNarrowView.

Ende des Expander-Inhaltes
Artikel mit Downloads

Download mit Bild (direkt eingebettet)

Globale Märkte erfordern globale Strategien und damit auch eine Veränderung der gewohnten Arbeitsprozesse. Der Ort, an dem man arbeitet, hat längst an Bedeutung verloren. Dafür spielt der schnelle und sichere Austausch von Informationen eine immer wichtigere Rolle.

Wir ermöglichen jedem Anwender im DB-Konzern ein sicheres digitales Arbeiten auf einfache Art und Weise. Der Nutzer steht dabei uneingeschränkt im Mittelpunkt – seine Bedürfnisse bei Kommunikation und Zusammenarbeit sind unsere Leitlinien. 

Dafür stellen wir alle Services bereit, die die fachlichen Anforderungen an einen modernen und attraktiven digitalen Arbeitsplatz erfüllen. Hierzu gehören sowohl modernste Cloud-Dienste als auch notwendige On-Premises-Anwendungen.

Download ohne Bild (direkt eingebettet)

End-to-End-Service bedeutet für uns, dass wir Ihnen von der Entwicklung über das Design bis hin zum Test und Betrieb von Lösungen beratend zur Seite stehen. Der digitale Arbeitsplatz schließt sämtliche Arbeitsplätze mit ein, die auf moderne Hard- und Software zurückgreifen. Inkludiert sind auch die dafür notwendigen Netzwerkdienste, sämtliche Collaboration-Anwendungen für das gemeinsame Arbeiten an einem Projekt sowie umfassende User-Services.

Download kompakt (direkt eingebettet)

Der Download wird in einer separaten Zeile dargestellt. Die digitale Transformation einer IT-Landschaft ist eine komplexe Herausforderung, da sie sowohl Prozesse und Geschäftsmodelle als auch neue Technologien betrifft.

Mit der passenden Digitalisierungsstrategie, abgestimmt auf Ihr spezifisches Geschäftsfeld, eröffnen sich Ihnen jedoch neue Möglichkeiten und Wettbewerbsvorteile. Sie können sich optimal für die Zukunft aufstellen, die Potenziale digitaler Geschäftsmodelle ausschöpfen und zusätzliche Ertragsströme realisieren. 

Download Kachel (direkt eingebettet)

Der Download wird vom Richtext umschlossen. Als Transformationspartner ebnen wir Ihnen den Weg und begleiten Sie bei der erfolgreichen digitalen Transformation. Wir beraten Sie und liefern Lösungsansätze zur spezifischen Digitalisierungsstrategie für Ihr Geschäftsfeld - von der Erstanalyse bis hin zur Roadmap-Erstellung und Transformationsbegleitung.

Ihre Vorteile der digitalen Transformation

Durch die Digitalisierung und Flexibilisierung Ihrer Geschäftsprozesse stärken Sie Ihre Wettbewerbsfähigkeit. Wir erkennen Potenziale, bauen diese aus und nutzen Technologien als Katalysator. Aufgrund unserer langjährigen Erfahrung sind wir in der Lage, die Digitalisierung unter Beachtung aller Rahmenbedingungen (z. B. IT-Governance und Systemstrukturen der DB) voranzubringen. Wir entwickeln geeignete Migrationsstrategien und begleiten Sie bei der Transformation

Downloads in Sammlungen

Im Artikel können auch Sammlungen mit dem Viewtype Download, Download-kompact oder Download-Kacheln gesetzt werden.



Ende des Expander-Inhaltes
Artikel mit Formular
Ende des Expander-Inhaltes
Artikel mit Formular (mehrspaltige Auswahl)
Ende des Expander-Inhaltes
T-Titel: Artikel mit Galerie

Bei den Varianten von 2 bis 8 Bildern pro Slide werden die Bilder (sofern möglich) in der ausgewählten Anzeigevariante dargestellt. Ist die Gesamtanzahl der Bildobjekte kein Vielfaches oder kleiner als die Zahl der gewählten Anzeigevariante, werden die Bilder in einem anderen passenden Slide (1-7 Bilder) ausgespielt.

  von
Ende des Sliders

Bei den Varianten von 2 bis 8 Bildern pro Slide werden die Bilder (sofern möglich) in der ausgewählten Anzeigevariante dargestellt. Ist die Gesamtanzahl der Bildobjekte kein Vielfaches oder kleiner als die Zahl der gewählten Anzeigevariante, werden die Bilder in einem anderen passenden Slide (1-7 Bilder) ausgespielt.

  von
Ende des Sliders


  von
Ende des Sliders

Der Anwendungsbetrieb in der Cloud sowie die Nutzung und der Einsatz von innovativen Trends wie Big-Data-Lösungen haben auf der Konzernleitungsebene eine große Bedeutung.

  von
Ende des Sliders


  von
Ende des Sliders

Wir beraten in allen Bereichen der Digitalisierung und bringen unsere langjährige Expertise in Form von IT- und Markt-Know-how sowie Experten in diversen Programmen und Projekten aktiv ein.

  von
Ende des Sliders

So betreiben wir beispielsweise konzernweit die digitalen, modernen Arbeitsplatzlösungen und werden damit den heutigen Anforderungen an ein flexibles, ortsungebundenes und damit kollaboratives Arbeiten gerecht.

  von
Ende des Sliders


  von
Ende des Sliders


Die Konzernleitung nutzt die DB Systel in ihrer Rolle als Integrator und Enabler zur Förderung und Optimierung einer digitalunterstützenden, geschäftsfeldübergreifenden Zusammenarbeit.
DB Systel betreut die zentralen Einheiten des DB-Konzerns wie zum Beispiel Finanzen, Controlling, Bilanzen, Beschaffung, Personal und Immobilien. Dabei gilt es, mit wertschöpfenden IT-Synergien Kostenvorteile zu nutzen. Dies geschieht unter Einhaltung höchster Standards in Sicherheit und Datenschutz. 

Intelligente Lösungen müssen sowohl die stetig wachsenden Kundenanforderungen erfüllen als auch die internen Prozesse und Zusammenhänge der Deutschen Bahn technisch optimal unterstützen. Als Digitalpartner der Deutschen Bahn agieren wir langfristig und anbieterneutral im Sinne unserer gemeinsamen Zielsetzung – „Wir gestalten Fortschritt und Zukunft“. Neben unserer langjährigen Erfahrung, hoher Beratungs- und Methodenkompetenz bieten wir ein umfassendes, marktorientiertes Produktportfolio angereichert mit individuellen Entwicklungen.

Ende des Expander-Inhaltes
Artikel mit grauem Teaser
Artikel mit Großteasern

Großteaser können entweder im Richtext eingebettet werden, oder unter "Verwandte Inhalte" unterhalb des Artikel-Textes ausgegeben werden.

Im Richtext eingebettet

Als Verwandter Inhalt eingehängt


Weiterlesen Ende des Expander-Inhaltes
T-Titel: Artikel mit Links

Ein Artikel kann im Richtext interne Links (Link auf Startseite) und externe Links (Link auf dbcargo.com), die farblich gekennzeichnet sind, besitzen.

Sammlung AnzVariante Links (direkt eingebettet)

Des Weiteren können Links in die Sidebar/Seitenleiste unter "Links" eingefügt werden. Icons von internem und externem Link unterscheiden sich.

Anders als im Artikel-Text können dort KEINE Artikel, Seiten oder Teaser direkt eingefügt werden - als Umweg ist die Ziel-Url in dem Dokumenttyp "Externer Link" anzulegen.

Social Media Sharing Links

Bei Sharing Links zum Teilen auf Social Media Kanälen handelt es sich ebenfalls um "externe Links", diese enthalten jedoch als Parameter zusätzlich z.B. {page:url}, um die URL des Artikel mitzugeben. Die Links sind einsetzbar in der Artikel-Sidebar im Bereich "Artikel teilen" oder im Footer mittels Sammlungen in Anzeigevariante "Social"  (mit Icon links - Text rechts) oder "Social-media" (nur Icons).

Ende des Expander-Inhaltes
Artikel mit Location

Der auf der Seite anwendbare Platzhalter mit Anzeigevariante "Location" (int. Link) kann auch eingebettet im Artikel geöffnet sein. Er wird in der verfügbaren Artikel-Text-Breite ausgegeben.

Karte

Es wird eine Landkarte mit folgenden Markierung angezeigt:

  • Berlin Hauptbahnhof (Hauptbahnhof, Europaplatz 1, 10557 Berlin)
  • Max-Planck-Institut für Infektionsbiologie (Virchowweg 12, 10117 Berlin)
Ende des Expander-Inhaltes
T-Titel: Artikel mit Sidebar und Richtext

Der Artikel erbt im Standard die Bühne der übergeordneten Seite. Setzt man ein eigenes Bild ein, nimmt die Bühne eine vergleichsweise kleinere Höhe als die der Seite an. Mit dem Struct "showTeaserInStage" kann man zusätzlich Teaser-Titel und Text des Artikels auf der Bühne ausgeben, z.B. beim Artikel mit Bildern. Mit den Structs "breadcrumbHideRootElement, -HideLastElement und -HideAll" kann der Breadcrumb oberhalb des Artikel-Titels nach Wunsch angepasst werden. 

Die Sidebar/Seitenleiste kann mit Kontakten, Downloads oder Links (intern und extern) befüllt werden. Im Studio gibt es dafür auch ein Feature zum Drag'n'Drop. Auch die leere Sidebar wird immer angezeigt, sodass kein Artikel über die volle Contentbreite reicht. In den Breiten XXL-XL befindet sich die Sidebar rechts vom Artikel-Text, bei LG-XS befindet sich die Sidebar dann unterhalb dessen in Form von ausklappbaren Expandern. Mit dem Struct "nbaMobileOpened" kann bestimmt werden, welcher Expander initial geöffnet/geschlossen ist.

Eine weitere Auszeichnungsmöglichkeit ist das Fettsetzen von Schriften sowie der Kursivschnitt, beides geht natürlich auch in Kombination.

Eine Hoch- und Tiefstellung von Buchstaben oder Ziffern ist möglich.
Zum Beispiel m2 oder CO2 mit <sub> und <sub>. Alternativ funktionieren natürlich auch Unicode-Zeichen: CO₂ - Hier folgt noch mehr Blindtext, um die korrekten Zeilenhöhen überprüfen zu können. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. 

Zwischenüberschrift 1 (h1)

Minion ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et CO₂ accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Zwischenüberschrift 2 (h2)

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. 

Zwischenüberschrift (h3)

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. 

Hier eine Aufzählung mit Gedankenstrichen (unsortierte Liste):

  • Aufzählungspunkt 
    • Unterpunkte können eingerückt werden
    • Unterpunkt
      • Test
    • Unterpunkt
  • Aufzählungspunkt 

Hier eine Aufzählung mit Ziffern (sortierte Liste):

  1. Aufzählungspunkt 1
  2. Aufzählungspunkt 2
  3. Aufzählungspunkt 3
    1. Unterpunkte können eingerückt werden
    2. Unterpunkt
      1. Test
      2. Test
    3. Unterpunkt
  4. Aufzählungspunkt 4
  5. Aufzählungspunkt 5
  6. Aufzählungspunkt 6
  7. Aufzählungspunkt 7
  8. Aufzählungspunkt 8
  9. Aufzählungspunkt 9
  10. Aufzählungspunkt 10

Geordnete Liste (nummeriert), verschachtelt mit verschiedenen Listen

  1. OL: Aufzählungspunkt nummeriert
    • UL: Aufzählungspunkt unsortiert
      • UL: Aufzählungspunkt unsortiert 
      • UL: Aufzählungspunkt unsortiert
      • UL: Aufzählungspunkt unsortiert
    • UL: Aufzählungspunkt unsortiert
      1. OL: Aufzählungspunkt nummeriert
      2. OL: Aufzählungspunkt nummeriert
      3. OL: Aufzählungspunkt nummeriert
    • UL: Aufzählungspunkt unsortiert
  2. OL: Aufzählungspunkt nummeriert
    1. OL: Aufzählungspunkt nummeriert 
      1. OL: Aufzählungspunkt nummeriert
      2. OL: Aufzählungspunkt nummeriert
      3. OL: Aufzählungspunkt nummeriert
    2. OL: Aufzählungspunkt nummeriert 
      • UL: Aufzählungspunkt unsortiert
      • UL: Aufzählungspunkt unsortiert
      • UL: Aufzählungspunkt unsortiert
    3. OL: Aufzählungspunkt nummeriert 
  3. OL: Aufzählungspunkt nummeriert

Ungeordnete Liste (Gedankenstrich), verschachtelt mit verschiedenen Listen

  • UL: Aufzählungspunkt unsortiert
    1. OL: Aufzählungspunkt nummeriert
      • UL: Aufzählungspunkt unsortiert
      • UL: Aufzählungspunkt unsortiert
      • UL: Aufzählungspunkt unsortiert
    2. OL: Aufzählungspunkt nummeriert
      1. OL: Aufzählungspunkt nummeriert 
      2. OL: Aufzählungspunkt nummeriert
      3. OL: Aufzählungspunkt nummeriert
      4. OL: Aufzählungspunkt nummeriert
      5. OL: Aufzählungspunkt nummeriert
      6. OL: Aufzählungspunkt nummeriert
      7. OL: Aufzählungspunkt nummeriert
      8. OL: Aufzählungspunkt nummeriert
      9. OL: Aufzählungspunkt nummeriert
      10. OL: Aufzählungspunkt nummeriert
    3. OL: Aufzählungspunkt nummeriert 
  • UL: Aufzählungspunkt unsortiert
    • UL: Aufzählungspunkt unsortiert 
      • UL: Aufzählungspunkt unsortiert 
    • UL: Aufzählungspunkt unsortiert 
  • UL: Aufzählungspunkt unsortiert

Tabellen können in ECM angelegt, oder aus Excel übernommen werden. Nach Belieben kann dort auch mit Fettdruck oder Kursivschnitt gearbeitet werden. Tabellen können vom Nutzer selbst sortiert werden.

Tabelle mit Kopf

Tilgungsdeckung

2005

2006

2007

2008

2009

EBIT bereinigt

1.350

2.143

2.370

2.483

1.685

Netto-Finanzschulden

19.669

19.586

16.513

15.943

15.011


Tabelle ohne Kopf

Tilgungsdeckung

2005

2006

2007

2008

2009

EBIT bereinigt

1.350

2.143

2.370

2.483

1.685

Netto-Finanzschulden

19.669

19.586

16.513

15.943

15.011


Tabelle mit Spaltenkopf

Tilgungsdeckung

2005

2006

2007

2008

2009

EBIT bereinigt

1.350

2.143

2.370

2.483

1.685

Netto-Finanzschulden

19.669

19.586

16.513

15.943

15.011

Ende des Expander-Inhaltes
Artikel mit Standard-Teasern

Sammlungen mit Teasern direkt im Artikel-Richtext eingebettet

Artikel, Seiten und Teaser werden im Teaser-Format ausgegeben. Anzeigevarianten für mehrspaltige Teaser werden aufgrund der limitierten Breite wie Standard-Teaser über die volle Breite des Artikel-Richtextes ausgegeben.

Sammlung: Standardteaser 100%

In Standard-Sammlungen lassen sich Artikel, Teaser, Textmodule und Seiten einfügen. Wenn ein Bild beim Zieldokument redaktioniert ist, wird dieses im Teaser mit dargestellt. Daher werden die Standard-Teaser auch Bild-Text-Teaser genannt.




Teaser direkt im Artikel-Richtext eingebettet

Teaser auf Artikel 1

Teaser-Text: Ist kein Teaserbild gepflegt, wird im Default das Bild aus dem Artikel als Teaserbild genommen.

Teaser ohne Ziel

Dieser Teaser hat kein Zieldokument.

Teaser auf Seite mit Animationen

Bei diesem Modul ist die Animation deaktiviert. Bei Interesse bitte auf die <Seite mit Animationen> wechseln

Teaser auf Artikel 2

Teaser-Text: Ist kein Teaserbild gepflegt, wird im Default das Bild aus dem Artikel als Teaserbild genommen. Hat auch der Artikel kein Bild, wird der Teaser ohne Bild dargestellt.


Artikel und Seite direkt im Artikel-Richtext eingebettet

Artikel 1

Standard-Artikel mit eigenem Bühnenbild und Links im Richtext.

Seite Sammlung für Teaser

Übersichtsseite für Teaser-Sammlungen

Ende des Expander-Inhaltes
Artikel mit Teaser-Rondell

Im Artikel-Richtext ist sind die Teaser- mit der Anzeigevariante "Hellgrauer Teaser" eingebettet.

Sammlung: Teaser-Rondell (Standard - Kachel-Optik)

Das Teaser-Rondell unterscheidet sich vom Icon-Rondell darin, dass die Objekte zusätzlich den Teasertext (wenn vorhanden) ausgeben und es noch zwei weitere Farbvarianten neben der Standard Kachel-Optik gibt.

Anders als auf der Seite wird durch die zusätzliche Marginalspalte im Artikel die Variante mit grauem Hintergrund im Artikel mit weißem Hintergrund dargestellt

Sammlung: Teaser-Rondell (grauer Hintergrund + 3 Elemente)

Bei weniger als 4 Objekten in der Sammlung werden diese zentriert ausgespielt, der Slider entfällt.

von 3
Ende des Sliders

Sammlung: Teaser-Rondell (weißer Hintergrund)

Hier ist die Struct-Eigenschaft "type"= white gesetzt.

Ende des Expander-Inhaltes
T-Titel: Artikel mit Timelines (nur links, nur rechts)

In diesem Artikel sin zwei Timelines abgebildet (eingebettet).

Inhalt

  1. Timeline normal (Bilder rechts)
  2. Timeline big (Bilder links)

Sammlung Timeline (Bilder rechts)

Eine Sammlung kann in der Anzeigevariante "Timeline" Textmodule entlang eines Zeitstrahls in einer chronologischen Reihenfolge abbilden. Wahlweise kann dem Textmodul ein Bild hinzugefügt werden, das kreisförmig vom Zeitstrahl abzweigt.

Titel: 5. Januar 1994

Facebook

Detailtext: Das Textmodul enthält ein technisches Bild.

Die Deutsche Bahn AG wird in das Handelsregister beim Amtsgericht Charlottenburg in Berlin eingetragen. Es ist ein einfacher Akt, der eine gelebte Praxis besiegelt und ihr zugleich eine neue Form gibt. Fünf Tage später wird am Berliner Hauptbahnhof, dem heutigen Ostbahnhof, gefeiert. Begleitet von einer Eisenbahnerkapelle werden die beiden deutschen Bahnhälften vereinigt.


Textmodul ohne Bild

 1. Januar 1999

Das Gründungsgesetz der Deutschen Bahn AG sieht in seinem Paragrafen 25 vor, innerhalb des Unternehmens „mindestens die Bereiche Personennahverkehr, Personenfernverkehr, Güterverkehr und Fahrweg organisatorisch und rechnerisch voneinander zu trennen“. Auf die Juristinnen und Juristen ebenso wie die Konzernorganisation wartet also ein weiterer Kraftakt. Doch pünktlich zum 1. Januar ist der Auftrag erfüllt: Fünf Aktiengesellschaften stehen nun unter dem Dach der Deutschen Bahn AG.

12. Juni 2004

Der Neubau von neuen Eisenbahnstrecken führt in den 1990er Jahren dazu, dass die Verkehrsplaner und Wirtschaftspolitiker der Bundesländer Länder dafür sorgen, dass Flughäfen an das Hochgeschwindigkeitsnetz der Bahn angeschlossen werden. Der Bahnhof des Flughäfen Köln/Bonn geht 2004 als jüngster in Betrieb.

Planungstermin

20. Dezember 1989

ICE-Linien

ICE-10, -41, -45, -49, -79

Baukosten

600 Mio DM


Textmodul mit Bild im Richtext 

Der Frankfurt (Main) Hauptbahnhof ist der größte Bahnhof in Frankfurt am Main. Mit täglich etwa 460.000 Reisenden ist er nach dem Hamburger Hauptbahnhof der am zweitstärksten frequentierte Fernbahnhof in Deutschland.

Blick vom Main Tower


Textmodul ohne Titel: Baugruben für das Pilzkonzept und ein funkelnagelneuer Bahnhof. Mit einem großen Feuerwerk wird der Berliner Hauptbahnhof eingeweiht. Damit ist eines der größten Bauvorhaben in der Geschichte des wiedervereinigten Deutschlands vollendet. 


Sammlung Timeline (Bilder links)

Der Struct "isBigTimeline" bewirkt, dass die Bilder pro Element vergrößert dargestellt werden.

Titel: 5. Januar 1994

Facebook

Detailtext: Das Textmodul enthält ein technisches Bild.

Die Deutsche Bahn AG wird in das Handelsregister beim Amtsgericht Charlottenburg in Berlin eingetragen. Es ist ein einfacher Akt, der eine gelebte Praxis besiegelt und ihr zugleich eine neue Form gibt. Fünf Tage später wird am Berliner Hauptbahnhof, dem heutigen Ostbahnhof, gefeiert. Begleitet von einer Eisenbahnerkapelle werden die beiden deutschen Bahnhälften vereinigt.


12. Juni 2004

Der Neubau von neuen Eisenbahnstrecken führt in den 1990er Jahren dazu, dass die Verkehrsplaner und Wirtschaftspolitiker der Bundesländer Länder dafür sorgen, dass Flughäfen an das Hochgeschwindigkeitsnetz der Bahn angeschlossen werden. Der Bahnhof des Flughäfen Köln/Bonn geht 2004 als jüngster in Betrieb.

Planungstermin

20. Dezember 1989

ICE-Linien

ICE-10, -41, -45, -49, -79

Baukosten

600 Mio DM


Textmodul ohne Bild

 1. Januar 1999

Das Gründungsgesetz der Deutschen Bahn AG sieht in seinem Paragrafen 25 vor, innerhalb des Unternehmens „mindestens die Bereiche Personennahverkehr, Personenfernverkehr, Güterverkehr und Fahrweg organisatorisch und rechnerisch voneinander zu trennen“. Auf die Juristinnen und Juristen ebenso wie die Konzernorganisation wartet also ein weiterer Kraftakt. Doch pünktlich zum 1. Januar ist der Auftrag erfüllt: Fünf Aktiengesellschaften stehen nun unter dem Dach der Deutschen Bahn AG.

Textmodul mit Bild im Richtext 

Der Frankfurt (Main) Hauptbahnhof ist der größte Bahnhof in Frankfurt am Main. Mit täglich etwa 460.000 Reisenden ist er nach dem Hamburger Hauptbahnhof der am zweitstärksten frequentierte Fernbahnhof in Deutschland.

Blick vom Main Tower


Textmodul ohne Titel: Baugruben für das Pilzkonzept und ein funkelnagelneuer Bahnhof. Mit einem großen Feuerwerk wird der Berliner Hauptbahnhof eingeweiht. Damit ist eines der größten Bauvorhaben in der Geschichte des wiedervereinigten Deutschlands vollendet. 


Ende des Expander-Inhaltes
Artikel mit Vorher-Nachher-Slider

Der Platzhalter sowie die Sammlung lassen sich ebenfalls im Artikel einsetzen:

als eingebetteter Platzhalter

Vorher-Nachher-Slider 2 (Standard 4:3) Vergleich zwischen DB Information und InterCity
InterCity
DB Information


75% Breite + comparePicturePosition right

Vorher-Nachher-Slider (75% Breite) Vergleich zwischen DB Information und InterCity
InterCity
DB Information



Hier ist ein Slider in 75% Breite. Der Text kann an der linken Seite umschließend gesetzt werden.







50% Breite + comparePicturePosition center

Vorher-Nachher-Slider (50% Breite) Vergleich zwischen DB Information und InterCity
InterCity
DB Information

 Bei der zentrierten Ausrichtung wird der Text entweder über oder unter dem Slider abgebildet.

25% Breite

Vorher-Nachher-Slider (25% Breite - nur im Artikel) Vergleich zwischen DB Information und InterCity
InterCity
DB Information

Die Deutsche Bahn und die Deutsche Telekom verbessern den Handyempfang im Zug radikal: Reisende, die das Mobilfunknetz der Telekom nutzen, sollen künftig auf allen Strecken ohne Unterbrechung telefonieren und surfen können – und das in viel besserer Qualität als heute. Spätestens 2026 soll es entlang der Schienenstrecken im Fern- und im Regionalverkehr keine Versorgungslücken mehr geben. Die Deutsche Bahn und die Deutsche Telekom verbessern den Handyempfang im Zug radikal: Reisende, die das Mobilfunknetz der Telekom nutzen, sollen künftig auf allen Strecken ohne Unterbrechung telefonieren und surfen können – und das in viel besserer Qualität als heute. Spätestens 2026 soll es entlang der Schienenstrecken im Fern- und im Regionalverkehr keine Versorgungslücken mehr geben.Die Deutsche Bahn und die Deutsche Telekom verbessern den Handyempfang im Zug radikal: Reisende, die das Mobilfunknetz der Telekom nutzen, sollen künftig auf allen Strecken ohne Unterbrechung telefonieren und surfen können – und das in viel besserer Qualität als heute. Spätestens 2026 soll es entlang der Schienenstrecken im Fern- und im Regionalverkehr keine Versorgungslücken mehr geben.


als Sammlung aus mehreren Platzhaltern

Vergleichs-Slider in einer Galerie

von 4
Ende des Sliders

Beide Unternehmen haben vereinbart, dass die Telekom ihr Mobilfunknetz an den Schienenstrecken der DB schnellstmöglich ausbauen, vorhandene Lücken schließen und die Leistungsfähigkeit des Netzes erheblich steigern will. Gemeinsam investieren beide Unternehmen einen dreistelligen Millionenbetrag, um diese Ziele umzusetzen.

Weiterlesen Ende des Expander-Inhaltes
T-Titel: Artikel mit Videos

Empfehlenswert ist es, Videos im Richtext in 100% Breite einzubetten.
Die 25% breiten Videos werden in kleineren Breakpoints automatisch in 50% Breite dargestellt; alle Breiten werden im Breakpoint XS und SM 100% breit dargestellt.

25%

25% wird bei XS und SM zu 100%, bei MD, LG und XL zu 50%

Video: YouTube iframe ohne Bild


50%

50% wird bei XS und SM zu 100%

Video: YouTube iframe ohne Bild


75%

75% wird bei XS und SM zu 100%

Video: YouTube iframe ohne Bild


Standard (100%)

Video ohne Fallback-Bild

Video: YouTube iframe ohne Bild


Video mit Fallback-Bild


Videos, Text-umfließend

Linksbündig: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Rechtsbündig: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Ende des Expander-Inhaltes
T-Titel: Artikel mit Zahlen-Daten-Fakten

Der Anwendungsbetrieb in der Cloud sowie die Nutzung und der Einsatz von innovativen Trends wie Big-Data-Lösungen haben auf der Konzernleitungsebene eine große Bedeutung. Wir beraten in allen Bereichen der Digitalisierung und bringen unsere langjährige Expertise in Form von IT- und Markt-Know-how sowie Experten in diversen Programmen und Projekten aktiv ein. So betreiben wir beispielsweise konzernweit die digitalen, modernen Arbeitsplatzlösungen und werden damit den heutigen Anforderungen an ein flexibles, ortsungebundenes und damit kollaboratives Arbeiten gerecht.

Sammlung: ZDF 3 Elemente ohne Hintergrundbild

Ohne Hintergrundbild besitzt die ZDF-Sammlung im Default die Schriftfarbe dark.

  • 150 grüne Maßnahmen

    im Klima-, Natur- und Ressourcenschutz sowie im Lärmschutz.
  • Bis 2038 sind alle Züge

    mit Ökostrom unterwegs
  • 140 km Mio. Reisende

    auf 38.500 Kilometer Streckennetz

Die Konzernleitung nutzt die DB Systel in ihrer Rolle als Integrator und Enabler zur Förderung und Optimierung einer digitalunterstützenden, geschäftsfeldübergreifenden Zusammenarbeit.
DB Systel betreut die zentralen Einheiten des DB-Konzerns wie zum Beispiel Finanzen, Controlling, Bilanzen, Beschaffung, Personal und Immobilien. Dabei gilt es, mit wertschöpfenden IT-Synergien Kostenvorteile zu nutzen. Dies geschieht unter Einhaltung höchster Standards in Sicherheit und Datenschutz. 

Sammlung-Titel: ZDF 3 Elemente

Teaser-Text: Bei gesetztem Hintergrund ist die Schriftfarbe weiß (factTextColor = light). Einem Textmodul können wahlweise ein (technisches) Bild, Präfix, Wert, Suffix, Text und Detailtext mitgegeben werden.

InterCity

  • Präfix 100 Suffix Text

    Detailtext
  • Präfix 300.000 Schwellen

  • 190 km Gleise

    auf 99 Kilometer Streckenabschnitt

Intelligente Lösungen müssen sowohl die stetig wachsenden Kundenanforderungen erfüllen als auch die internen Prozesse und Zusammenhänge der Deutschen Bahn technisch optimal unterstützen. Als Digitalpartner der Deutschen Bahn agieren wir langfristig und anbieterneutral im Sinne unserer gemeinsamen Zielsetzung – „Wir gestalten Fortschritt und Zukunft“. Neben unserer langjährigen Erfahrung, hoher Beratungs- und Methodenkompetenz bieten wir ein umfassendes, marktorientiertes Produktportfolio angereichert mit individuellen Entwicklungen.

Ende des Expander-Inhaltes