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
Blog: 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
Add Sitefinity’s nuget 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
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 DisplayName [Browsable(false)]
[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

23. Passing Server Data to Views

24. Carousel Widget
DEMO

25. Resources
Sitefinity Feather site -
Sitefinity Feather Github repo –
Sitefinity Feather Samples repo –
Sitefinity Feather Packages repo –
Sitefinity Feather Widgets repo –
Sitefinity Feather Issues –

27. QUESTIONS