Frameworks integration

What are the supported frameworks?

• Bootstrap
• site: http://getbootstrap.com/
• GitHub repo: https://github.com/twbs/bootstrap
• Foundation
• site: http://foundation.zurb.com/
• GitHub repo: https://github.com/zurb/foundation
• Semantic UI
• site: http://semantic-ui.com/
• GitHub repo: https://github.com/semantic-org

What does it mean when a framework is supported by Feather?

For every framework that Feather supports, a package is created that contains the following:

• All templates for Feather widgets - Every template is fine-tuned to use the native classes for each framework. This means that each Feather widget has the look and feel of the framework you've selected.
• Framework files(CSS, JS, fonts, etc.) - Feather uses npm to load the specific framework and GruntJS to integrate it in the package, thus making the update process easier. If you're already familiar with the framework you can start using its classes straight away, without the need to load it separately.
• The grid system of the framework is integrated with our layout widget templates.

Feather framework packages are updated as soon as a new version of the supported frameworks is released.

How to install the framework packages?

All Feather packages are available, once you install the Feather module. In order to install the Feather module see Getting Started.

How to upgrade the framework packages?

1. Via NuGet - By installing the Telerik.Sitefinity.Feather or Telerik.Sitefinity.Feather.StandAlone package. For more information see the Sitefinity NuGet repository.
2. Via the GitHub repository - Feather packages are open source. You can find the source files on GitHub - https://github.com/sitefinity/feather-packages. To get the latest versions just clone or download the repository and replace the ResourcePackages folder.

NOTE: In case you have developed any custom widget templates, make sure you backup your ResourcePackages folder before performing an upgrade of the framework packages.

How to use a different frontend framework?

With Feather you can use your own fronend framework. To do this you need to create a new folder within the ResourcePackages folder that mirrors the structure of the framework packages that are already included with Feather. Once you create a default.cshtml file in \ResourcePackages\%your-framework%\MVC\Views\Layouts, Sitefinity creates a new page template based on the default.cshtml file.