1 / 28

SITEFINITY FEATHER, AN INTRODUCTION

SITEFINITY FEATHER, AN INTRODUCTION. ABOUT ME. Venkata Koppaka Senior Software Engineer at Falafel Software Focus on WebCMS products I love AngularJS , and mobile development with Xamarin Twitter: @ vkoppaka Blog: http://blog.falafel.com/author/venkata-koppaka /. WHAT IS FEATHER.

gay-calhoun
Download Presentation

SITEFINITY FEATHER, AN INTRODUCTION

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. SITEFINITY FEATHER, AN INTRODUCTION

  2. ABOUT ME Venkata Koppaka Senior Software Engineer at Falafel Software Focus on WebCMS products I love AngularJS, and mobile development with Xamarin Twitter: @vkoppaka Blog: http://blog.falafel.com/author/venkata-koppaka/

  3. WHAT IS FEATHER As Telerik Sitefinity team describes it, Feather is a Modern, intuitive, convention based, mobile-first UI for Telerik Sitefinity™ Powered by ASP.NET MVC, AngularJS, Bootstrap, KendoUI Not a replacement to current set of widgets and technologies that ship with Sitefinity, but rather an extension Open source Currently in beta, hitting RTM release soon Will be a separate project from core Sitefinity product but will be officially supported for Telerik support channels

  4. WHY FEATHER A little history on Sitefinity and web forms controls Easy to follow conventions for most of the frontend customizations

  5. WHY FEATHER NO MORE WEBFORMS!

  6. WHAT FEATHER INCLUDES Support for multiple frontend frameworks like Bootstrap, SemanticUI and foundation Stock MVC widgets of most of the current Sitefinity controls All Feather widgets are mobile first, meaning they are responsive in nature. AngularJS based new designer frameworks (no more prototype pattern!) Majority of customizations are convention based Infrastructure enhancements

  7. FEATURES MVC Widgets in Class libraries MVC Widget templates Layout files Resource Packages Page templates based on Layout files WidgetContent helpers Angular designers Support for webforms designers

  8. BEFORE WE GO FURTHER… Remember Feather is still a BETA product and should not be used in production apps until it hits RTM.

  9. INSTALLING FEATHER Nuget driven All packages are hosted on Sitefinity’s Nuget feed http://nuget.sitefinity.com Add Sitefinity’snuget feed in Visual Studio SitefinityWebApp needs Telerik.Sitefinity.Feather package Make sure AssemblyInfo.cs has [assembly: ControllerContainer] Add Feather’s Service to SystemConfig.config

  10. DEMO

  11. RESOURCE PACKAGES Resource packages are the CSS / Frontend frameworks that Feather supports. Currently, feather supports 3 Bootstrap SemanticUI Foundation You can add any other frontend framework based packages based on the Feather Packages repository https://github.com/Sitefinity/feather-packages Each package includes CSS JS Layouts Widget templates Fonts Images

  12. DEMO

  13. Hello World MVC Widget DEMO

  14. Simple “Settings” View DEMO

  15. Settings View priority DEMO

  16. Attribute Support Browsable [Browsable(false)] DisplayName [DisplayName("This is a custom title")]

  17. Advanced Designer DEMO

  18. Additional Scripts in Designer

  19. MVC Widget Templates DEMO

  20. Layout Templates DEMO

  21. Page templates DEMO

  22. WidgetContent Helper <script src='@Url.WidgetContent("~/Mvc/Scripts/Angular/angular-route.js")'></script>

  23. Passing Server Data to Views

  24. Carousel Widget DEMO

  25. Resources Sitefinity Feather site - http://projectfeather.sitefinity.com/ Sitefinity Feather Githubrepo – https://github.com/Sitefinity/feather Sitefinity Feather Samples repo – https://github.com/Sitefinity/feather-samples Sitefinity Feather Packages repo – https://github.com/Sitefinity/feather-packages Sitefinity Feather Widgets repo – https://github.com/Sitefinity/feather-widgets Sitefinity Feather Issues – https://github.com/Sitefinity/feather-widgets/issues

  26. QUESTIONS

More Related