Dialog Feld (Content Operator)

Dieser Abschnitt erklärt wie das Dialogfeld aus der Sicht der Content Operator funktioniert. Empty resizer field Empty resizer field
Im Bild ist ein Komponenten-Dialog mit einem Image Resizer Feld zu sehen. Um hier ein Bild zu pflegen, sind die gleichen Schritte wie bei jeden anderen Link-Feld notwendig. Indem auf den Select new Knopf gedrückt wird, öffnet sich ein sogenannter Chooser in den ein Bild aus den Assets ausgewählt werden kann.

Note

Es werden nur Assets unterstützt, die direkt im Magnolia JCR gespeichert sind.


Sobald ein Bild ausgewählt wird, ist eine Vorschau über dem Feld zu sehen. Filled resizer field Filled resizer field

Note

Offiziell werden nur die Bildformate PNG, JPG und WEBP unterstützt. Wenn ein Asset ausgewählt wird, welches nicht unterstützt wird, wird eine Warnung unter der Vorschau angezeigt.

Hier gilt zu beachten das in der Vorschau oben rechts einige wichtige Knöpfe zu finden sind.

  1. Mit der Lupe kann das ausgewählte Bild in einer großen Vorschau betrachtet werden.
  2. Mit dem Stift wird ein weiteres Fenster geöffnet, in den ein Fokuspunkt ausgewählt werden kann.
  3. Mit der Checkbox kann die Fokuspunkt-Vorschau deaktiviert und aktiviert werden.

In folgendem Screenshot ist das Fenster zu sehen, welches sich öffnet, wenn der Stift angeklickt wird. Hier kann der Fokus Punkt ausgewählt werden.
Resizer field edit focal point window Resizer field edit focal point window Dies kann entweder durch das Ziehen der beiden Slider gemacht werden (links und unterm Bild) oder mit einem Klick auf das Bild selbst.
Mit einem Klick auf den grünen Button Save changes wird der neue Fokuspunkt übernommen und das Fenster schließt sich. Der weiße Cancel Knopf schließt das Fenster, ohne den Fokuspunkt zu übernehmen. Der neue Fokuspunkt kann direkt in der Preview gesehen werden.

Info

Bilder müssen auf modernen Websites neu zugeschnitten werden, damit keine zu großen Bilder und Bilder mit dem richtigen Seitenverhältnis ausgespielt werden.

Zu große Bilder können bei langsamen Verbindungen lange Ladezeiten verursachen und das Datenvolumen bei Mobilfunkverträgen wird schneller verbraucht.

Der Fokuspunkt dient dazu den Modul zu sagen welcher bereich eines Bildes besonders wichtig ist in möglichst nicht weggeschnitten werden soll.