Feather: Add related data to widgets

You add relations between content types by adding Related data custom fields. The custom fields can then be used to create relation between the items of the specified types.

The following example demonstrates how to add related data to a News widget that displays News widget to display News items' content. You want to also display related news. For example, if the news content is about the latest Sitefinity CMS release, you may also want to display links to related news about new features or previous releases.

You do this by creating a page where you drop the News widget. You create a custom field RelatedNews of type Related data. In the backend, when you create a news item, you see the custom field added and you can choose from a list of news items to be related to the news item you are creating. Then, you add the RelatedNews field to the widget template of the News widget. When you open the site and click a news item, you will see the details of the news item and the link to the related news. 

For more information about creating widget templates, see Feather: Modify widget templates.

To add a related data custom field to the News items:

1. In Sitefinity CMS backend navigate to the Content » News.
2. Add a custom field named RelatedNews.
3. Set the type of the custom field to Related data and its data type to News.
4. Create news items and set the RelatedNews field of any of the news to a custom selection of the rest of the news.

To display the related news links:

1. To create a new template for the widget's detail view, open the SitefinityWebApp/Mvc/Views/News folder.
   Create a Detail.DetailPageRelatedData.cshtml file. 
2. Open the Detail.DetailPage.cshtml file and copy its content.
3. Paste the content in the Detail.DetailPageRelatedData.cshtml file.
4. Add the following code at the end of the Detail.DetailPageRelatedData.cshtml file: