UI Atoms 2011<br />Advanced Data Form with New Form Layout for Silverlight and WPF with Advanced Validation and RIA Servic...
StackPanel can not support multiple columns. <br />Items can be added without any attributes.<br />Nested StackPanel can h...
Typical Form Designs<br />Multi Column<br />Single Column<br />Though this is most simple design but its never practical t...
Standard Form Design<br />Multi Column<br />Variable Columns per Row<br />Required Red Asterisk (*)<br />Description at th...
Three Unique Form Controls<br />AtomFormContainer<br />Plain Vanilla Form Layout Control<br />Can host, AtomFormRow, AtomF...
3 in 1 Layout System<br />Introducing 3 Layout Items<br />Row (AtomFormRow)<br />Tab (AtomFormTab)<br />Group (AtomFormGro...
FormRow Hosts Equally Spaced Elements in One Row<br />FormRow<br />FormRow<br />FormRow<br />
Typical Customer Request<br />Believe me its very simple and small<br />Standard Multi Column Form<br />*<br />Name:<br />...
Typical Changes Requested<br />Standard Multi Column Form<br />*<br />Name:<br />Last<br />First<br />Middle<br />Move Her...
Change Management<br />Design is simple and small<br />Changes are not simple and small<br />Changing form items is extrem...
Links and Resources<br />Demo – http://uiatoms.neurospeech.com/silverlight<br />Download – http://uiatoms.neurospeech.com/...
Upcoming SlideShare
Loading in …5
×

UI Atoms - 3 in 1 Layout and Advanced DataForm

1,022 views

Published on

UI Atoms now contains 3 layout elements in Form (Rows, Tabs and Groups), that will help you creating professional forms in a minutes.

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,022
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

UI Atoms - 3 in 1 Layout and Advanced DataForm

  1. 1. UI Atoms 2011<br />Advanced Data Form with New Form Layout for Silverlight and WPF with Advanced Validation and RIA Services<br />NeuroSpeech Inc. <br />
  2. 2. StackPanel can not support multiple columns. <br />Items can be added without any attributes.<br />Nested StackPanel can have variable columns.<br />StackPanel/Grid Challenges<br />Grid can support multiple columns. <br />Each item needs attributes.<br />Grid can not support variable columns per row.<br />
  3. 3. Typical Form Designs<br />Multi Column<br />Single Column<br />Though this is most simple design but its never practical to have everything in one column.<br />Though this is most simple design but its never practical to have everything in one column.<br />Label:<br />Label:<br />Label:<br />Label:<br />Label:<br />Label:<br />Label:<br />Label:<br />Label:<br />Label:<br />
  4. 4. Standard Form Design<br />Multi Column<br />Variable Columns per Row<br />Required Red Asterisk (*)<br />Description at the Bottom<br />Standard Multi Column Form<br />*<br />Label:<br />*<br />Label:<br />Label:<br />Field Description for above Editor Control ……<br />Label:<br />Field Description<br />Field Description<br />Label:<br />
  5. 5. Three Unique Form Controls<br />AtomFormContainer<br />Plain Vanilla Form Layout Control<br />Can host, AtomFormRow, AtomFormGroup and AtomFormTab<br />AtomForm<br />UI Based Validation<br />AtomDataForm<br />RIA Services ValidationIEditableObject Support<br />
  6. 6. 3 in 1 Layout System<br />Introducing 3 Layout Items<br />Row (AtomFormRow)<br />Tab (AtomFormTab)<br />Group (AtomFormGroup)<br />Any Layout Item can contain either Tabs or Combination of Row or Group<br />Row will host equally spaced items in one row<br />Group will host items vertically or specified by RowLayout<br />E.g. 3,2,1 = 3 cells in first row, 2 cells in 2nd row and 1 cell in 3rd row with automatic spanning<br />Tab will act as Group<br />
  7. 7. FormRow Hosts Equally Spaced Elements in One Row<br />FormRow<br />FormRow<br />FormRow<br />
  8. 8. Typical Customer Request<br />Believe me its very simple and small<br />Standard Multi Column Form<br />*<br />Name:<br />Last<br />First<br />Middle<br />*<br />Phone:<br />Home<br />Cell<br />Work<br />Address:<br />Complete Postal Address<br />City:<br />State:<br />Country:<br />Zip:<br />
  9. 9. Typical Changes Requested<br />Standard Multi Column Form<br />*<br />Name:<br />Last<br />First<br />Middle<br />Move Here<br />Move Here<br />Move Here<br />*<br />Phone:<br />Cell<br />Home<br />Work<br />Address:<br />Remove<br />Complete Postal Address<br />Apartment:<br />Add<br />Street:<br />City:<br />State:<br />Country:<br />Zip:<br />
  10. 10. Change Management<br />Design is simple and small<br />Changes are not simple and small<br />Changing form items is extremely simple with AtomForm<br />With simple change of attributes, preview is available and without any tedious drag and drop<br />
  11. 11. Links and Resources<br />Demo – http://uiatoms.neurospeech.com/silverlight<br />Download – http://uiatoms.neurospeech.com/download<br />Twitter –http://twitter.com/uiatoms<br />Support – http://uiatoms.neurospeech.com/support<br />About NeuroSpeech Inc. – http://www.neurospeech.com<br />

×