--- title: flexi-picture-collection --- Das Bildersammlungs-Feld erfasst beliebig viele Fotos zu einem Vorgang. Bilder können aus Dateien hochgeladen, aus der Zwischenablage eingefügt oder direkt mit der Kamera aufgenommen werden. Jedes Bild kann mit Titel, Kommentar und freihändigen Anmerkungen (Texte und Pfeile) versehen werden. Optional steht ein **Vorher/Nachher-Modus** zur Verfügung, in dem Bilder paarweise erfasst werden. ## Einstellungen | Einstellung | Beschreibung | |---|---| | Bezeichnung | Der angezeigte Text über dem Feld | | Name | Eindeutiger Bezeichner des Feldes (wird automatisch aus der Bezeichnung abgeleitet) | | Pflichtfeld | Wenn aktiv, gilt das Feld nur als gültig, wenn die Anzahl der Bilder im erlaubten Bereich liegt | | Mindestanzahl | Kleinste zulässige Anzahl an Bildern (bzw. Bildpaaren) | | Maximalanzahl | Größte zulässige Anzahl an Bildern (bzw. Bildpaaren) | | Fehlertext | Meldung, die angezeigt wird, wenn die Anzahl außerhalb des erlaubten Bereichs liegt | | Titel verpflichtend | Jedes Bild muss einen Titel besitzen, sonst gilt das Feld als ungültig | | Automatische Beschriftung | Neue Bilder erhalten automatisch einen Titel aus dem hinterlegten Text plus fortlaufender Nummer | | Beschriftungsvorlage | Text für die automatische Beschriftung (z. B. *Foto*) | | Vorher/Nachher-Modus | Bilder werden paarweise (zwei Bilder gleichzeitig) erfasst | | Bezeichnung Vorher | Überschrift für das erste Bild eines Paares (z. B. *Vorher*) | | Bezeichnung Nachher | Überschrift für das zweite Bild eines Paares (z. B. *Nachher*) | | Eingabe sperren | Sperrt das Feld, optional abhängig vom Wert eines anderen Feldes (siehe *Eingabe abhängig sperren*) | ## Bilder hinzufügen [#bilder-hinzufugen] Im Standardmodus stehen drei Wege zum Hinzufügen zur Verfügung: - **Bild hinzufügen** – Öffnet einen Datei-Dialog. Es können mehrere Bilder gleichzeitig ausgewählt werden. - **Aus Zwischenablage** – Übernimmt ein zuvor kopiertes Bild (PNG, JPEG) aus der Zwischenablage. Im Datei-Explorer kopierte *Dateien* kann der Browser nicht aus der Zwischenablage lesen - dafür **Bild hinzufügen** oder Drag-and-Drop verwenden. Verweigert der Browser den Zugriff auf die Zwischenablage, erscheint ein entsprechender Hinweis; der Zugriff lässt sich in den Seiteneinstellungen des Browsers erlauben. - **Mit Kamera aufnehmen** – Aktiviert die Kamera des Geräts. Zusätzlich können Bilder per **Drag-and-Drop** auf den Bilderbereich gezogen werden. Es werden ausschließlich Bilddateien (PNG, JPEG) übernommen; andere Dateien werden ignoriert. Sobald die unter **Maximalanzahl** definierte Obergrenze erreicht ist, sind die Schaltflächen deaktiviert und ein Hinweis erscheint. ## Tabelle Die hinzugefügten Bilder werden als Liste angezeigt mit: - **Vorschau** – In der Liste wird ein kleines Vorschaubild geladen; das hochauflösende Bild wird erst beim Öffnen der Vollbild-Ansicht nachgeladen. Klick öffnet das Bild in der Vollbild-Ansicht - **Titel** und **Kommentar** – durch Klick auf *Bearbeiten* änderbar; mit *Enter* speichern, mit *Escape* verwerfen - **Status** – zeigt an, ob das Bild lokal, in der Cloud oder an beiden Orten gespeichert ist - **Aktionen** – Bearbeiten, Anmerkungen, Löschen - **Sortier-Griff** – Bilder können per Drag-and-Drop neu angeordnet werden Über dem Feld wird die aktuelle Anzahl angezeigt. Bei aktivierter Anzahl-Validierung wechselt die Farbe zwischen Rot (außerhalb des erlaubten Bereichs) und Grün (gültig). ## Vollbild-Ansicht Ein Klick auf die Vorschau öffnet das Bild in der Vollbild-Ansicht. Liegt das Bild nur in der Cloud, wird es zunächst nachgeladen – währenddessen erscheint ein Ladeindikator. In der Vollbild-Ansicht kann das Bild **gezoomt** und im gezoomten Zustand **verschoben (gepannt)** werden, um Details genauer zu betrachten. Bei Vorher/Nachher-Paaren öffnet der Klick auf eine Vorschau beide Bilder gemeinsam. ## Anmerkungen Über die Schaltfläche **Anmerkungen** öffnet sich ein Editor, in dem direkt auf dem Bild Markierungen platziert werden: - **Text-Anmerkung** – ein Klick auf das Bild öffnet ein kleines Eingabefeld; Stil, Farbe und Schriftgröße sind wählbar - **Pfeil** – ein Pfeil wird durch Klicken und Ziehen vom Start- zum Endpunkt gezeichnet Anmerkungen werden mit dem Bild gespeichert und sind in der Vollbild-Ansicht jederzeit sichtbar. ### Anmerkung nachträglich anpassen [#anmerkung-nachtraglich-anpassen] Ein Klick auf eine vorhandene Anmerkung öffnet ein Kontextmenü. Der Umfang hängt von der Art der Anmerkung ab: | Art | Möglichkeiten | |---|---| | Text-Anmerkung | Text bearbeiten, Schrift vergrößern/verkleinern, Design (*Standard*, *Liquid Glass*, *Badge*), **Schriftfarbe** (Schwarz oder Weiß), Löschen | | Pfeil | **Pfeil dicker** / **Pfeil dünner**, Löschen | Die Schriftfarbe hilft, Anmerkungen auf sehr hellen oder sehr dunklen Bildbereichen lesbar zu halten; die Pfeilstärke lässt sich an die Bildgröße anpassen. ### Anmerkungen aus einer Multisection übernehmen [#anmerkungen-aus-einer-multisection-ubernehmen] Ist für das Feld eine **Annotationsquelle** hinterlegt (siehe [Einstellungen](#annotationen-aus-multisection)), bietet der Anmerkungs-Editor zusätzlich eine Auswahlliste **Anmerkung auswählen** an. Sie enthält die Bezeichnungen der Einträge aus dem konfigurierten Multisection-Kapitel – zum Beispiel die Positionsnamen einer Mängelliste. Ein Eintrag daraus wird als Text-Anmerkung auf dem Bild platziert und kann anschließend wie jede andere Anmerkung verschoben und angepasst werden. Über **Alle einfügen** werden alle Einträge der Quelle auf einmal als Anmerkungen eingefügt. So müssen Bezeichnungen nicht abgetippt werden und stimmen zuverlässig mit den Angaben im Formular überein. ## Vorher/Nachher-Modus Im Vorher/Nachher-Modus werden Bilder immer **paarweise** erfasst. Über die Schaltfläche **Paar hinzufügen** öffnet sich ein Dialog mit zwei Bereichen - einer für das *Vorher*-Bild, einer für das *Nachher*-Bild. Beide Bilder können wahlweise aus einer Datei, der Zwischenablage oder über die Kamera bestückt werden. Erst wenn beide Bilder vorhanden sind, lässt sich das Paar speichern. Zusätzlich stehen im Dialog zur Verfügung: - **Drag-and-Drop** – ein Bild lässt sich direkt auf den gewünschten Bereich ziehen; der Bereich wird beim Überfahren hervorgehoben. - **Zwei Bilder auf einmal auswählen** – werden in der Dateiauswahl zwei Bilder markiert, füllen sie beide Bereiche in der ausgewählten Reihenfolge. Bei mehr als zwei Bildern erscheint der Hinweis *„Es können pro Vorgang nur ein oder zwei Bilder ausgewählt werden."* - **Bilder tauschen** – vertauscht die beiden Bereiche, falls die Bilder versehentlich falsch herum abgelegt wurden. Bereits belegte Bereiche lassen sich einzeln wieder leeren. Über den Bereichen werden die Anforderungen an die Bilder (z. B. minimale Auflösung, maximale Dateigröße) als Hinweistext eingeblendet. Die Bezeichnungen der beiden Bereiche stammen aus den Einstellungen **Bezeichnung Vorher** und **Bezeichnung Nachher**. In der Liste werden die Paare in zwei Zeilen untereinander dargestellt. Wird ein Bild eines Paares gelöscht, wird automatisch auch das Partnerbild entfernt. Sortiert werden Paare als Ganzes. Beim Wechsel eines bestehenden Feldes in den Vorher/Nachher-Modus werden vorhandene Einzelbilder unterhalb der Paare als *Altbestand* angezeigt; sie können einzeln gelöscht, aber nicht mehr bearbeitet werden. ## Pflichtfeld und Anzahlbegrenzung Ist das Feld als **Pflichtfeld** markiert, müssen Mindest- und Maximalanzahl konfiguriert werden. Die Anzahl bezieht sich: - im Standardmodus auf die Bilder - im Vorher/Nachher-Modus auf die Bildpaare Bei Verletzung der Grenzen wird der unter **Fehlertext** hinterlegte Text angezeigt. Ist zusätzlich **Titel verpflichtend** aktiv, gilt das Feld nur dann als gültig, wenn jedes Bild einen Titel besitzt. ## Automatische Beschriftung Ist die automatische Beschriftung aktiv, erhält jedes neu hinzugefügte Bild als Titel den Inhalt der **Beschriftungsvorlage** plus eine fortlaufende Nummer: ``` Foto 1 Foto 2 Foto 3 ``` Der Titel kann anschließend manuell überschrieben werden. ## Eingabe abhängig sperren [#eingabe-abhangig-sperren] Über die Einstellung **Eingabe sperren** kann das Feld in Abhängigkeit von einem anderen Feld gesperrt werden: | Einstellung | Beschreibung | |---|---| | Abhängiges Feld | Name oder Pfad des Feldes, das geprüft wird. Im selben Abschnitt: nur der Feldname (`auswahl`). In einem anderen Abschnitt: `abschnitt.feld` | | Vergleichswert | Optional – wenn gesetzt, wird der Wert des abhängigen Feldes mit diesem Text verglichen | | Sperren wenn | Bedingung, unter der das Feld gesperrt wird (Feld leer/gesetzt bzw. Wert stimmt überein/stimmt nicht überein) | ## Annotationen aus Multisection Diese Einstellung verbindet die Bildersammlung mit einem **Multisection-Kapitel** des Templates: Im Anmerkungs-Editor stehen dann die Bezeichnungen aus diesem Kapitel als fertige Anmerkungen zur Auswahl (siehe [Anmerkungen aus einer Multisection übernehmen](#anmerkungen-aus-einer-multisection-ubernehmen)). | Einstellung | Beschreibung | |---|---| | Quell-Kapitel (Multisection) | Kapitel, aus dessen Abschnitten die Bezeichnungen stammen. *Keine* deaktiviert die Funktion | | Namensfeld | Feld, dessen Wert als Anmerkungstext verwendet wird. *Automatisch* nutzt die Anzeigespalte des Abschnitts | | Section-Typ Filter | Beschränkt die Auswahl auf Abschnitte eines bestimmten Typs. *Alle Typen* übernimmt sämtliche Abschnitte | | Filter-Feld | Optionales Feld, über das zusätzlich gefiltert wird | | Vergleichswert | Nur Einträge, deren Filter-Feld exakt diesem Wert entspricht, werden angeboten | :::note[Nur Multisection-Kapitel] Als Quelle können ausschließlich Multisection-Kapitel gewählt werden – Datenwolken und Multichapter stehen dafür nicht zur Verfügung. ::: ## Erweiterte Einstellungen Die erweiterten Einstellungen (Schaltfläche **Erweiterte Einstellungen** im Editor) erlauben zusätzliche Anforderungen an die Bilder selbst: | Einstellung | Beschreibung | |---|---| | Ausrichtung | Erlaubte Orientierung der Bilder: *Hochformat*, *Querformat* oder *beliebig* | | Maximale Breite (Pixel) | Größte zulässige Bildbreite | | Maximale Höhe (Pixel) | Größte zulässige Bildhöhe | | Minimale Breite (Pixel) | Kleinste zulässige Bildbreite | | Minimale Höhe (Pixel) | Kleinste zulässige Bildhöhe | | Maximale Dateigröße (MB) | Größte zulässige Dateigröße pro Bild | Erfüllt ein hinzugefügtes Bild die Vorgaben nicht, wird es nicht übernommen und ein Hinweis mit dem konkreten Problem angezeigt. Über dem Bilderbereich werden die wichtigsten Anforderungen (maximale Dateigröße, Auflösungsgrenzen) als Hinweistext eingeblendet. ## Speicherort und Status Jedes Bild trägt eine Statusmarkierung, die anzeigt, wo die Bilddaten verfügbar sind: - **Lokal & Cloud** – Bild ist auf dem Gerät und in der Cloud gespeichert - **Cloud** – Bild ist nur in der Cloud verfügbar - **Lokal** – Bild ist nur auf dem Gerät vorhanden (noch nicht hochgeladen) - **Nicht gespeichert** – Bild ist neu hinzugefügt und noch nicht gesichert ## Offline-Verhalten Bilder können auch ohne Internetverbindung hinzugefügt, bearbeitet, kommentiert und mit Anmerkungen versehen werden. Sie werden lokal gespeichert und beim nächsten Hochladen automatisch in die Cloud übertragen. Sind in einem Dokument Bilder vorhanden, die ausschließlich in der Cloud liegen, kann ihr Inhalt offline nicht angezeigt werden. In der Liste erscheint dann ein Platzhalter und über der Tabelle ein entsprechender Hinweis. Sobald wieder eine Verbindung besteht, werden die Bilder automatisch nachgeladen.