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.

BForms

545 views

Published on

The BForms open source framework consists of a collection of ASP.NET MVC HTML Helpers, Javascript AMD modules, custom CSS made with SASS that extends Twitter Bootstrap v3 and makes development of rich user interfaces easy.

Published in: Software
  • Be the first to comment

  • Be the first to like this

BForms

  1. 1. cristi.pufu@veritech.io
  2. 2. UI Framework •ASP.NET MVC (Razor HTML extensions, model attributes, validation provider) •Javascript AMD compatible modules •Custom CSS (.SASS) over Bootstrap
  3. 3. Building forms •Responsive HTML •Cross-browser & cross-device •Touch friendly •Client & server side validation
  4. 4. Building forms •Input controls •Select controls •Range controls
  5. 5. Input controls •Using [BsControlAttribute] & BsInputFor •Using specialized helpers (BsTextBoxFor, BsTextAreaFor)
  6. 6. Input controls (email)
  7. 7. Input controls (number)
  8. 8. Input controls (timepicker)
  9. 9. Select controls •Using [BsControlAttribute] & BsSelectFor •Using specialized helpers (BsDropdownListFor, BsCheckBoxFor)
  10. 10. Select controls (dropdown)
  11. 11. Select controls (multiselect)
  12. 12. Select controls (checkboxlist)
  13. 13. Range controls •Using [BsControlAttribute] & BsRangeFor •BsControlType.NumberRange • .DatePickerRange • .TimePickerRange • .DateTimePickerRange
  14. 14. Range controls (number)
  15. 15. Range controls (datetime)
  16. 16. Range controls (time)
  17. 17. Complex controls •Grid & Toolbar •Panel •Group editor
  18. 18. Building Grids & Toolbars • Ajax enabled pagination / sort / filter • Column ordering • Inline edit • Multi-row select with bulk actions • Supports theming and templates
  19. 19. Building Grids (model)
  20. 20. Building Grids (view)
  21. 21. Building Grids (js)
  22. 22. Building Grids
  23. 23. Building Toolbars (model)
  24. 24. Building Toolbars (view)
  25. 25. Building Toolbars (js)
  26. 26. Building Grids & Toolbars
  27. 27. Complex controls arhitecture
  28. 28. Contributors
  29. 29. Demo & docs •http://bforms.veritech.io/ •http://www.nuget.org/packages/BForms.MVC/ •https://github.com/vtfuture/BForms •http://requirejsnet.veritech.io/

×