Das x/y-Widget bietet einen neuen Feldtyp im Strict/Nested-Editor, mit dem es möglich 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 h5eRuleFeature: ruleset/relative/position h5eRuleKeys: [box_pos_x,box_pos_y,box_width,box_height] |
Ab brandbox v5.3
| Feld | Wert |
|---|---|
| Konfiguration Benutzerdefiniertes Feld | feature: input/relativePosition.field h5eRuleFeature: ruleset/relative/position h5eRuleKeys: - box_pos_x - box_pos_y - box_width - box_height h5eRulePlugin: input/relativePosition |
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: