Select a site

IMPORTANT: This version of Sitefinity CMS is out of support and the respective product documentation is no longer maintained and can be outdated. Use the version selector to view a supported product version.

Feather: Create layout files

Feather provides the functionality to use MVC layout files in Sitefinity CMS page templates. To take advantage of this you have to create a file with specific structure in a specific folder.

To create layout files that are usable by Feather, perform the following:

  1. In Visual Studio, open your SitefinityWebApp project » ResourcePackages » [YourPackage].
    For more information, see Feather: Resource packages overview.

    NOTE: You can also create the layout file in the root folder of your project: ~/MVC/Views/Layouts. For more information, see Feather: Priorities for resolving views.

  2. Create new folder and name it Layouts.
  3. In the context menu folder Layouts, and click Add » Code File.

  4. Name the file in the same way that you named your page template.
    For example, if the page template is named mypagetemplate, you must name of the layout file mypagetemplate.cshtml

    NOTE: The file extension of the layout file depends on the type of view engine you are using. For example, when using Razor view engine, you need to have a .cshtml layout file extension.

    NOTE: Replace all special characters in the file name with an underscore “_”.

  5. Open the layout file you created and paste the following markup:

  6. In the markup above, you specify the following layout file content:
    • using directive for Telerik.Sitefinity.frontend.Mvc.Helpers namespace
    • Document type tag: <!DOCTYPE html>
    • <head> tag
    • <body> tag
    • Placeholders inside the <body> tag that you create by using a helper method @Html.SfPlaceHolder() will result in  drop zones in the corresponding template in Sitefinity CMS user interface.
      The helper method accepts the name of the placeholder as an optional parameter.
  7. Save the file.

Back To Top

Next: Feather: Refer to resources inside views