© Universität Bielefeld
Text and Picture: Funktion
Die Text and Picture Komponente ist die grundlegende Komponente zur inhaltlichen Ausgestaltung einer Webseite. Diese Komponente bietet neben Bild und Text zusätzlich die Möglichkeit nur Text oder nur Bild in die Webseite zu integrieren. Die Text and Picture-Komponente wird hierfür die Section Content Komponente gezogen.
Eingabefelder
Variant
Darstellung des Bildes mit den Einstellungsmöglichkeiten full size image, medium size image, small size image und no image.
Headline
Größte Überschrift der Komponente, vergleichbar mit H1 oder Level 1 Überschrift.
Sub-Headline
Mittlere Überschrift der Komponente, vergleichbar mit H2 oder Level 2 Überschrift.
Sub-sub-Headline
Kleinste Überschrift der Komponente, vergleichbar mit H3 oder Level 3 Überschrift.
Image
Enthält den Pfad zu dem ausgewählten Bild.
Image Alignment
Ausrichtung des ausgewählten Bildes: rechtsbündig oder linksbündig.
Zoomable Image
Bild vergrößert sich, wenn der Mauszeiger über das Bild bewegt wird.
Alt text
Beschreibungstext, wenn der Mauszeiger über das Bild bewegt wird.
Caption
Unterschrift des Bildes.
Text
Eingabefeld und Editor für die Textinhalte der Komponente.
Display Boxed
Darstellung der Textkomponente als Box mit grauem Hintergrund.
Platzierung der Komponente
Komponente in Aktion
Kleines Bild und Text
Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.
At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.
Mittleres Bild und Text
Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.
At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.
Großes Bild und Text
Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.
At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.
Kein Bild, nur Text
Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.
At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.
Text in grauer Box
Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.
At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.