Design-Lösung 
Nach der Analyse der Seite before.htm wird eine Menge an Elementen benötigt, die einfach zu verwenden ist und für den skizzierten Aufgabenbereich anwendbar sind. Damit ist dies keine Universallösung, sondern stellt eine Lösung für einen klar abgegrenzten Anwendungsbereich dar.
Ausgehend von dem Beispiel ist die Ausgangssituation folgendermaßen:
Alle Zeilen- und Index-Zähler werden automatisch berechnet
Alle Werte für das Layout (z.B. width, style, etc.) sind hart kodiert
Die Elemente <htmlb:label> und <htmlb:inputField> sind miteinander verbunden.
Die Flexibilität des <htmlb:inputField> ist weiterhin vorhanden, damit Funktionen wie Kennwortbehandlung problemlos möglich sind
Die Form des Layouts kann mit BSP-Elementen in etwa folgendermaßen spezifiziert werden:
Syntax
<sf:SimpleForm id = "sf" >
<sf:SimpleFormItem id = "name"
label = "Name:"
value = "<%=name%>" />
<f:SimpleFormItem id = "password"
label = "Password:"
value = "<%=password%>"
password = "TRUE" />
<f:SimpleFormItem id = "email"
label = "Email:"
value = "<%=email%>" />
</sf:SimpleForm>Hierfür benötigen Sie eine neue BSP-Extension, die alle notwendigen Elemente beinhaltet. Außerdem brauchen Sie natürlich eine Test-Seite. Schließlich müssen Sie noch die Elemente implementieren.
Im Folgenden ist das Vorgehen für die Realisierung dieser Lösung beschrieben:
Sie erstellen die neue BSP-Extension
Sie erstellen die Elemente für die neue BSP-Extension
Element <SimpleForm>
Element <SimpleFormItem>
Sie generieren Ihre neue BSP-Extension
Sie erstellen die Seite after.htm
Sie spezifizieren die dynamische Verarbeitung der BSP-Elemente