Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

UI Atoms LOB Business Form Layout for WPF & Silverlight


Published on

LOB Business Form Layout for WPF and Silverlight

Published in: Technology
  • Be the first to comment

  • Be the first to like this

UI Atoms LOB Business Form Layout for WPF & Silverlight

  1. 1. UI Atoms 2010<br />LOB Business Form Layout for Silverlight and WPF<br />NeuroSpeech Inc. <br />
  2. 2. UI Atoms Business Form Version 1.0<br />Variable Column Flow Layout (Form Layout)<br />Field Label<br />Required Asterisk ‘*’<br />Optional Field Description<br />Optional Field Title<br />Asynchronous Validation<br />Validation Error Border<br />
  3. 3. Field Components Layout<br />[Optional Collapsible Title]<br />*<br />Label:<br />Form Field Control<br />[Optional Collapsible Description]<br />Validation Error Border<br />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.<br />In next slide, you will see how the fields are positioned in the Form.<br />
  4. 4. Form Fields Layout (Flexible Grid)<br />You can set RowLayout = “3,3,1,2,2”<br />3<br />3<br />1<br />2<br />2<br />
  5. 5. Business Form Layout<br />Form Header<br />Error Panel<br />Plain Text<br />Form Footer (Command Buttons)<br />
  6. 6. Supported Validation Modes<br />On Lost Focus (Default):Validation is triggered when the focus is lost from the control.<br />On Property Changed:Validation is triggered when the data bound property of control is changed. This one updates more frequently.<br />Manual:Validation is triggered when “ValidateForm” is called or Button connected to form is clicked.<br />
  7. 7. Links and Resources<br />Download –<br />Twitter –<br />Support –<br />About NeuroSpeech Inc. –<br />