Showcase
Auf dieser Seite werden alle aktuell bestehenden Komponenten mit allen Ausprägungen aufgeführt.
___________
Reference Components
Dienen zur Darstellung von vorhandenem, indexiertem Content - ob hierfür eine Preview angezeigt werden kann, ist abhängig vom vorhandenen Content der Webseite; ggf. ist hier kein Inhalt zu sehen, wenn kein passender Content vorhanden ist.
Accordion
- in einem Akkordeonpunkt können nur folgende Komponenten platziert werden:
- Text
- TextImage
- Contact - bis zu 30 Akkordeonpunkte pro Akkordeon darstellbar
- Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Das ist eine Headline für das Akkordeon (optional)
Das ist eine Text-Komponente in einem Akkordeonpunkt. Hier stehen alle Formatierungen für normale Text-Komponenten zur Verfügung.
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.
Das ist eine TextImage-Komponente in einem Akkordeonpunkt. Hier kann beliebig Text mit Formatierungen und Linksgepflegt werden.
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.
Contact
Folgende Varianten:
- mit Info-Text
- ohne Info-Text
Highlighting über "dark background" (Styling) möglich
Darstellung von 1-6 Kontakten. Diese verteilen sich dynamisch je nach Anzahl der Kontakte und je nach Viewport.
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Darstellung bei 1 Kontakt (Variante mit Info-Text)
Darstellung bei 2 Kontakten (Variante ohne Info-Text)
Darstellung bei 3 Kontakten (Variante mit Info-Text)
Darstellung bei 4 Kontakten (Variante ohne Info-Text)
Darstellung bei 5 Kontakten (Variante mit Info-Text)
Darstellung bei 6 Kontakten (Variante ohne Info-Text)
Download List
Folgende Varianten:
- einspaltig (one column)
- zweispaltig (two columns)
- Preview (mit Vorschaubild)
Highlighting über "dark background" (Styling) möglich.
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Das ist die Variante "einspaltig" (one column)
Das ist die Variante "zweispaltig" (two columns)
Dynamic Link
Varianten:
- Default (Light)
- Flashy (coloured background - Default image der jeweiligen Site - das ist nicht das hier dargestelle Hintergrundbild!)
Es können max. 10 interne und/oder externe Links vergeben werden → mehr Begriffe kann ein User nicht mehr verarbeiten.
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Das ist die Variante "Default"
Das ist die Variante "Flashy"
Dynamic Teaser
Folgende Varianten:
Es sind 1-6 Teaser auswählbar. Diese verteilen sich dynamisch je nach Anzahl der Teaser und je nach Viewport.
Highlighting über "dark background" (Styling) möglich.
Beschreibungstext kann über "No Info Text" (Styling) ausgeblendet werden.
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Einzelne Teaser bestehen aus:
- Headline
- Beschreibungstext (optional)
- CTA (optional)
- Icon (Pflicht bei Variante Icon; Auswahl über Google Material Icons; Icon wird auf Default-Hintergrundbild der jeweiligen Site dargestellt - das ist nicht das hier dargestelle Hintergrundbild!)
- Bild (Pflicht bei Variante ImageVideo)
- Video-Provider & -ID (nur relevant bei Variante ImageVideo)
Darstellung der Variante "Text"
Darstellung der Variante "Icon"
Darstellung der Variante "ImageVideo"
Facts & Figures
Es können 1-6 Facts dargestellt werden; die Anordnung und Größe der Komponente passt sich dynamisch an den Content und den jeweiligen Viewport an.
Auswahl der Icons über Google Material Icons.
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Das ist eine Headline für die gesamte Fact & Figures Komponente (optional)
Fact 3
Das ist ein laaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanger Beschriebungstext.
Das ist ein optionaler LinkDas ist eine Headline für die gesamte Fact & Figures Komponente (optional) - Variante "Dark background"
Fact 3
Das ist ein laaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanger Beschriebungstext.
Das ist ein optionaler LinkImage Slider
- optional:
- mit Überschrift
- mit Bildunterschrift (Styling "Show Image Description") - Empfehlung: max. 10 Bilder
- Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Image Slider mit Überschrift ohne Bildunterschrift
12
Image Slider mit Bildunterschrift
12
Logo Slider
Darstellung von Logos / Unternehmen inkl. Link (Empfehlung: max. 14)
Auswahloptionen:
- angemeldete Aussteller (mit Profil) über NovaDB / SelfService
- nicht-angemeldete Unternehmen (separat angelegt als Companies No-Exhibitors / Partner)
Bis ca. 8 Logos / Unternehmen ist die Darstellung statisch (abhängig vom Viewport ggf. auch bei weinger Logos), bei mehr als 8 ist die Darstellung dynamisch als Slider durchlaufend.
Die Logos / Unternehmen können mit ihrem Unternehmensnamen angezeigt werden oder ohne (Styling "Show company name").
Die Logos / Unternehmen können in zufälliger Reihenfolge angezeigt werden ("Display Companies Randomly").
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Prices
1-4 Preise können dargestellt werden
Es kann über die Preiskomponenten hinweg eine übergreifende Headline gepflegt werden.
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Headline (der jeweiligen Preisoption) und Preis sind Pflichtangaben.
Zur Darstellung wird das Default-Bild der jeweiligen Site genutzt - das ist nicht das hier dargestelle Hintergrundbild!
optional:
- Flag
- Amount info text
- Subline (über KeyFacts)
- KeyFacts (als Aufzählung mit Bulletpoints)
- CTA
- Fußnote
Übergreifende Headline (optional)
Subline über KeyFacts (optional)
- Optionaler KeyFact 1
- Optionaler KeyFact 2
- Optionaler KeyFact 3
- Optionale Fußnote z.B. Preis zzgl. Mehrwertsteuer
Subline über KeyFacts (optional)
- Optionaler KeyFact 1
- Optionaler KeyFact 2
- Optionaler KeyFact 3
- Optionale Fußnote z.B. Preis zzgl. Mehrwertsteuer
Subline über KeyFacts (optional)
- Optionaler KeyFact 1
- Optionaler KeyFact 2
- Optionaler KeyFact 3
- Optionale Fußnote z.B. Preis zzgl. Mehrwertsteuer
Stage
Es können bis zu 2 CTAs gepflegt werden.
Es können bis zu 3 Ankerlinks gesetzt werden (Links zu Abschnitten auf derselben Seite).
Headline immer als H1 verwenden!
Testimonial
Varianten:
- Text links / Bild rechts
- Text rechts / Bild links
- Text only
"Das ist die Variante Image right. Hier steht das Zitat. 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."
"Das ist die Variante Image left. Hier steht das Zitat. 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."
"Das ist die Variante Text only. Hier steht das Zitat. 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."
Text
Varianten:
- Text centered
- Text left (Default)
Highlighting über "dark background" (Styling) möglich.
Es können bis zu 2 CTAs gepflegt werden.
Variante Text centered, mit CTA-Button, ohne Highlighting (Dark background)
Das ist eine Headline H1
Das ist eine Headline H2
Das ist eine Headline H3
Das ist eine Headline H4
Das ist eine Headline H5
Das ist ganz normaler Text.
Das ist normaler Text in fett.
Das ist normaler Text in kursiv.
Hier sind normale Links möglich: Ankerlinks, externe Links, interne Links, Media Links (PDFs)
Das ist eine Aufzählung mit Bulletpoints:
- Punkt 1
- Punkt 2
- Punkt 3
Das ist eine nummerierte Aufzählung:
- Nummerierter Punkt 1
- Nummerierter Punkt 2
- Nummerierter Punkt 3
Variante Text centered, ohne CTA-Button, mit Highlighting (Dark background)
Das ist eine Headline
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.
Variante Text left, ohne CTA-Button, ohne Highlighting (Dark background)
Das ist eine Headline
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.
Variante Text left, mit 2 CTA-Buttons, mit Highlighting (Dark background)
Das ist eine Headline
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.
TextImage / Image
Varianten:
- Text rechts / Bild links (Image left)
- Text links / Bild rechts (Image right)
- Text mittig / Bild groß mittig (Image centered)*
- Text mittig / Bild klein mittig (kleineres Bild über 8 Spalten) (Image centered small)*
*Diese Varianten können auch ohne Text als reine Image-Komponente verwendet werden. Dazu das Textfeld einfach leer lassen.
Highlighting über "dark background" (Styling) möglich.
Image left, kein CTA-Button, kein Highlighting
Headline h2
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.
Image right, mit CTA-Button, mit Highlighting
Das ist eine Headline h2
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.
Image centered, mit CTA-Button, ohne Highlighting
Das ist eine Headline h2
Wenn hier keinerlei Text gepflegt wird, dann kann diese Variante für die Darstellung als reine Bild-Komponente genutzt werden.
Image centered small, ohne CTA-Button, mit Highlighting
Das ist eine Headline h2
Wenn hier keinerlei Text gepflegt wird, dann kann diese Variante für die Darstellung als reine Bild-Komponente genutzt werden.
Text-Video
Varianten:
- Video links / Text rechts (Video left)
- Video rechts / Text links (Video right)
- Video mittig groß (über 12 Spalten) (Video centered)
- Video mittig (kleineres Video über 8 Spalten) (Video centered small)*
*Diese Varianten können auch ohne Text als reine Image-Komponente verwendet werden. Dazu das Textfeld einfach leer lassen.
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Das ist eine optionale Video-Unterschrift
Das ist eine optionale Headline
Video left, mit CTA
Das ist Beschreibungstext für das Video.
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.
Das ist eine optionale Headline
Video right, ohne CTA
Das ist Beschreibungstext für das Video.
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.
Das ist eine optionale Headline
Video centered, ohne CTA
Das ist Beschreibungstext für das Video.
Wenn hier kein Text gepflegt wird und auch kein CTA, kann diese Darstellung als reine Video-Komponente genutzt werden.
Das ist eine optionale Headline
Video centered small, mit CTA
Das ist Beschreibungstext für das Video.
Wenn hier kein Text gepflegt wird und auch kein CTA, kann diese Darstellung als reine Video-Komponente genutzt werden.
____________________
Content Teaser Articles
Varianten
- Default (einzeilige Darstellung als Slider) - max. 6 Artikel werden angezeigt
- Extended (mehrzeilige, zweispaltige Darstellung in einem definierten Layout) - max. 10 Artikel werden dargestellt
Ein Link zur Artikelübersichtsseite mit allen Artikeln kann angezeigt werden ("Show Link to Search Page").
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Wenn hier keine Komponente zu sehen ist, sondern eine Fehlermeldung oder nur Headline und ggf. Link, dann stehen nicht ausreichend Artikel für diese Site zur Verfügung, die hier angezeigt werden könnten.
Content Teaser Companies
Darstellung von max. 6 Unternehmen (angemeldete Aussteller mit Daten über NovaDB / SelfService) als Slider (3 nebeneinander)
CTA "Zur Suche" führt zur Ausstellerübersicht.
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Wenn hier keine Komponente zu sehen ist, sondern eine Fehlermeldung oder nur Headline und ggf. Link, dann stehen keine Ausstellerdaten aus der NovaDB zur Verfügung, die hier angezeigt werden könnten.
Content Teaser Press Releases
max. 6 Presseinformationen als Slider angezeigt (3 nebeneinander)
Ein Link zur Presseinformationsübersichtsseite mit allen Presseinformationen kann angezeigt werden ("Show Link to Search Page").
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Wenn hier keine Komponente zu sehen ist, sondern eine Fehlermeldung oder nur Headline und ggf. Link, dann stehen nicht ausreichend Presseinformationen für diese Site zur Verfügung, die hier angezeigt werden könnten.
Content Teaser Sessions
max. 6 Sessions werden als Slider angezeigt (3 nebeneinander)
Ein Link zur Sessionübersichtsseite mit allen Sessions kann angezeigt werden ("Show Link to Search Page").
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Wenn hier keine Komponente zu sehen ist, sondern eine Fehlermeldung oder nur Headline und ggf. Link, dann stehen nicht ausreichend Sessions für diese Site zur Verfügung, die hier angezeigt werden könnten.
Timetable
Varianten
- Gried view (mehrspaltige Darstellung - maximal 4 Spalten - der Sessions mehrerer Streams) - Default
- List view (einspaltige Darstellung der Sessions) ("List view" )
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Diese Komponente nimmt sehr viel Platz in Anspruch und ist hier bewusst nicht eingebunden. Eine Preview steht im Handbuch zur Verfügung.