Download presentation
Presentation is loading. Please wait.
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
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.