Stacked Form : This is the recommended form orientation. Stacked forms place the label above the form component, aligned to the left. The form components will typically take up the full width of the container.
To create a stacked form, apply the classes "adt-form" and "adt-stacked" to the form element. You can also use the Wicket component AdtResponsiveForm and pass Orientation.STACKED to the constructor.
Success! You Logged in Successfully.
Small Screen Documentation
To access the Records and Audits application, please log in with your Western User ID and Password at the left.
Stacked Form
Large Screen Documentation
To access the Records and Audits application, please log in with your Western User ID and Password at the left.
Parallel Forms : This is the alternative form orientation. Parallel forms place the label on the same row as the form component, on the left side but aligned to the right. The labels take up approximately 20% of the width of the container, and the form components take up the rest. At a breakpoint of 1024px or less, parallel forms automatically convert to display as stacked forms.
To create a parallel form, apply the classes "adt-form" and "adt-parallel" to the form element. You can also use the Wicket component AdtResponsiveForm and pass Orientation.PARALLEL to the constructor.
Small Screen Documentation
To access the Records and Audits application, please log in with your Western User ID and Password at the left.
Parallel Form
Large Screen Documentation
To access the Records and Audits application, please log in with your Western User ID and Password at the left.
If you choose to hide the accessibility banner, you won't be able to see it anymore, unless you clear your browsing history and data.
Are you sure?
