UI Atoms Form Layout

6,758 views

Published on

New Improved Form Layout for WPF and Silverlight

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

  • Be the first to like this

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

No notes for slide

UI Atoms Form Layout

  1. 1. UI Atoms 2010<br />Advanced Data Form with New Form Layout for Silverlight and WPF<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. AtomForm Flexible Layout<br />Intelligent Flow Layout with ability to share multiple items in single row<br />No attributes required on any child items<br />Comma Separated “RowLayout” instantly renders multi column grid<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 />
  6. 6. Form / Flexible Grid Layout<br />You can set RowLayout = “3,3,1,2,2”<br />3<br />3<br />1<br />2<br />2<br />
  7. 7. Benefits over Canvas, Grid, Stack Panel<br />Atom Form children are similar to Wrap Panel children, but Wrapping is completely customized via simple attributes.<br />Its easy to move items around without changing lots of attributes, Grid is very powerful but changing grid children can be huge pain.<br />Canvas is very easy to operate, but needs a powerful designer, once again changing layout can be very tedious job.<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 />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 />

×