Eingabe einer relativen Position in einem Bild
- Christopher Holden
- Sebastian Schulz
- Dirk Münker
- Philipp Frick
Das x/y-Widget bietet einen neuen Feldtyp im Strict/Nested-Editor, mit dem es möglich ist, die Positionen anderer Elemente in Abhängigkeit eines ausgewählten Koordinaten-Paares zu stellen.
Feld-Konfiguration
Um das Widget nutzen zu können muss im ersten Schritt ein neues Feld angelegt werden. Bei dem Feld müssen folgende Felder ausgefüllt sein. Danach muss das Feld noch mit dem jeweiligen Print-Template verknüpft werden.
Bis brandbox v5.1
Feld | Wert |
|---|---|
Identifikator | frei wählbar |
Name | frei wählbar |
Formular-Typ | feature |
Vordefinierter Wert | {"x":0, "y":0, "w":0, "h":0, "height":0, "width":0} |
Feature (Callback zur Verwendung im Formular) | basic_widget/input_relative_position.field |
Feature (Callback zur Verwendung als Regel) | basic_widget/input_relative_position.ruleset/relative/position.box_pos_x,box_pos_y,box_width,box_height |
Ab brandbox v5.2
Feld | Wert |
|---|---|
Identifikator | frei wählbar |
Name | frei wählbar |
Formular-Typ | feature |
Vordefinierter Wert | {"x":0, "y":0, "w":0, "h":0, "height":0, "width":0} |
Feature (Callback zur Verwendung im Formular) | basic_widget/input_relative_position.field |
Konfiguration | h5eRulePlugin: basic_widget/input_relative_position |
Ab brandbox v5.3
Feld | Wert |
|---|---|
Konfiguration Benutzerdefiniertes Feld | feature: input/relativePosition.field |
Ab brandbox v5.6
Feld | Wert |
|---|---|
Formular-Typ | Relative Position |
Konfiguration Benutzerdefiniertes Feld | h5eRuleFeature: ruleset/relative/position |
Template-Konfiguration
Anschließend muss bei den jeweiligen Template-Elementen, die in Abhängigkeit zu dem neuen Feld stehen sollen, das Feld als "Feld-Callback" eingetragen werden.
Anwendung
Nun ist das Feld im jeweiligen Editor sichtbar und man kann per Klick eine Box setzen, mit der die die Platzierung der anderen Elemente zusammenhängt. Siehe auch hier: