Verbesserung
Wichtig
Detail
Fehlerbehebung
Wichtig
Detail
Die Darstellung des Formulars im Formular-Editor kann sich von der tatsächlichen Darstellung des Formulars unterscheiden.
Darstellung des Formulars im Form-Editor:
Tatsächliche Darstellung des Formulars:
Ursache
Die Elemente eines Formulars erhalten ihre Darstellung von ihrem entsprechenden *TemplateProvider. Für das in den Bildern angezeigte HTML-Element ist das bspw. der tl:StaticHTMLTemplateProvider. Viele dieser Template-Provider ignorieren dabei, ob das Element über die ganze Breite dargestellt werden soll oder nicht.
Stattdessen wird der Inhalt des Elements immer in einem div-Element mit der CSS-Klasse rf_line gewrapped. Die CSS-Klasse rf_line sorgt dafür, dass das entsprechende Formularelement die Breite des Formular annimmt.
Für die Preview im Formular-Editor wird dieses tl:HTMLTemplateFragment zur Darstellung des Formularelements in ein HTML DocumentFragment speziell für den Formular-Editor gewrapped. Der Wurzelknoten dieses Fragments ist ein div mit der CSS-Klasse cFormEditorElement. Hier wird jedoch respektiert, ob das Formularelement über die ganze Breite des Formular gerendert werden soll. Falls ja, erhält es neben der Klasse cFormEditorElement zusätzlich die Klasse rf_line.
Entsprechende CSS-Selektoren, die abhängig davon, ob die CSS-Klasse rf_line vorhanden ist oder nicht, die Breite des Elements setzen, sorgen im Endeffekt dafür, dass das Formular im Editor "korrekt" dargestellt wird, aber die Produktivsicht fehlerhaft ist.
Test
Ein Formular mit einer Gruppe von 4 Elementen gestalten (s. Screenshots). Als drittes Element ein HTML-Element oder eine Freifläche benutzen. Wenn keiner der Elemente über die ganze Breite des Formular dargestellt wird, dann sollte die Darstellung der Produktivsicht die der Preview des Formular-Editors sein.