UI Atoms 2010

LOB Business Form Layout for Silverlight and WPF

NeuroSpeech Inc.

UI Atoms Business Form Version 1.0

• Variable Column Flow Layout (Form Layout)• Field Label• Required Asterisk ‘*’• Optional Field Description• Optional Field Title• Asynchronous Validation• Validation Error Border

Field Components Layout

Form Field Control

[Optional Collapsible Title]

[Optional Collapsible Description]

*Label:

Validation Error Border

This is how individual components of Form Field are positioned within the Form Field. Collapsible panels are only visible if the content is provided. However in future more of such components will be available in Form Field to standardize the fields.In next slide, you will see how the fields are positioned in the Form.

Form Fields Layout (Flexible Grid)You can set RowLayout = “3,3,1,2,2”

3

3

2

1

2

Business Form Layout

Error Panel

Form Header

Plain Text

Form Footer (Command Buttons)

Supported Validation Modes

• On Lost Focus (Default):Validation is triggered when the focus is lost from the control.

• On Property Changed:Validation is triggered when the data bound property of control is changed. This one updates more frequently.

• Manual:Validation is triggered when “ValidateForm” is called or Button connected to form is clicked.

Links and Resources

• Download – http://uiatoms.neurospeech.com/download

• Twitter –http://twitter.com/uiatoms

• Support – http://uiatoms.neurospeech.com/support

• About NeuroSpeech Inc. – http://www.neurospeech.com