Dialog Feld (Entwickler)
Class name: com.dev5310.imageresizer.ui.field.resizer.ReSizerFieldDefinition
Field type name: resizerField
( → $type: resizerField
in Dialog Definition)
Die Daten des alten Feldes (Version 1.5.0) sind mit dem neuen Feld kompatibel.
Das alte Feld kann somit mit dem neuen Feld ausgetauscht werden.
Für das Feld können alle Properties genutzt werden, die auch für das Composite Field verfügbar sind. Der Item-Provider ist allerdings auf den ChildNodeProvider festgesetzt.
Folgende Properties können zusätzlich genutzt werden, um das Feld zu individualisieren:
Property Name | Optional | Default Value | Beschreibung |
---|---|---|---|
required |
Ja | false | Diese Property bestimmt ob ein Asset ausgewählt werden muss. |
requiredErrorMessage |
Ja | Dies ist die Nachricht, welche angezeigt wird, wenn required true ist aber kein Asset ausgewählt ist. |
|
showItemDetail |
Ja | false | Diese Property bestimmt ob die Asset Details im Feld angezeigt werden sollen. |
focalCrossPreview |
Ja | true | Diese Property stellt ein ob beim öffnen des Dialoges initial die Fokus Preview über dem Bild angezeigt werden soll. Die Preview kann der Editor über eine Checkbox im Dialog aktivieren und deaktivieren. |
textInputAllowed |
Ja | false | Die Property textInputAllowed stellt ein ob der User manuelle Texteingaben in das eingebettete DAM-Linkfeld tätigen kann. |
primaryColor |
Ja | white | Diese Property stellt die innere Farbe des Fokuspunktindikators ein. Valide sind alle Werte, die bei den SVG Attributen stroke und fill erlaubt sind. |
secondaryColor |
Ja | black | Diese Property stellt die äußere Farbe des Fokuspunktindikators ein. Valide sind alle Werte, die bei den SVG Attributen stroke und fill erlaubt sind. |
previewFormat |
Ja | fullCross | Diese Property bestimmt wie das Overlay SVG in der Preview aussieht. Valide Werte sind circle, smallCross und fullCross. |
resizePreviewImage |
Ja | auto | Diese Property bestimmt ob die preview resized werden soll oder das original Bild ausgespielt werden soll. yes für immer resizen, no um immer das original auszugeben oder auto um bei Dateigrößen kleiner als resizePreviewImageAutoThreshold das Original auszuspielen und wenn die dateigröße größer als der angegebene wert ist wird das Asset resized. |
resizePreviewImageAutoThreshold |
Ja | 500.000 | Die Dateigröße, in Byte, welche bei resizePreviewImage: auto genutzt wird um zu entscheiden ob das Asset resized werden soll. |
internalI18n |
Ja | false | Diese Property gibt an ob an den drei internen Feldern (Dam Link Field und die beiden Hidden Fields für den Fokuspunkt) die i18n Flag gesetzt bekommen sollen. Dadurch werden alle internationalisierten Properties dann in der gleichen Node gespeichert. |
properties |
Ja | Mit dieser Property können wie bei einen Composite Field weitere Felder hinzugefügt werden. (siehe Magnolia Composite-field Doku) Darüber kann dann in Kompatibilitätsfällen z.B. das Alt Text Field oder andere Felder hinzugefügt werden, wie im folgenden YAML Beispiel. |
Beispiel Yaml:
form:
properties:
reSizerImageComponent:
$type: resizerField
label: Sizer
required: true
requiredErrorMessage: Hier bitte ein Asset auswählen.
textInputAllowed: true
showItemDetail: false
focalCrossPreview: true
primaryColor: white
secondaryColor: black
previewFormat: fullCross
resizePreviewImage: auto
resizePreviewImageAutoThreshold: 500000
internalI18n: false
properties:
altText:
label: "Alt Text"
$type: textField
form:
properties:
reSizerImageComponent:
$type: resizerField