.NET Core samples

Source code of built-in widgets

You can find the source code of all built-in widgets that are shipped with the .NET Core Renderer in the .NET Core widgets sample on Sitefinity GitHub repository.

You can use these samples to extend the functionality of the built-in widgets.
For more information, see Extend the built-in widgets.

.NET Core samples

You can find various samples and examples of widgets, templates, and other components in Sitefinity .NET Core samples on Sitefinty GitHub repository.

This is a repository contains the samples that demonstrates how to develop your frontend applications with Sitefinity.

Following is a list of some on the samples:

  • Sitefinity data widget
    In many cases your custom .NET Core widget need to get and display some items from Sitefinity CMS backend. Using this sample, you can create an .NET Core widget that works with different types of content persisted in Sitefinity CMS modules, such as News items, Content blocks, dynamic and media items.

    To accomplish this, your custom .NET Core widget must use OData calls to interact with Sitefinity CMS. 
    You can achieve this using the provided IRestClient for working with OData services.
    To create the widget, use Sitefinity data widget sample on Sitefinity GitHub repository.

  • Custom layout sample
    This sample demonstrates how to setup a custom layout file that you can use as a base template for building your .NET Core application.
    To create the template, use Custom layout sample sample on Sitefinity GitHub repository.
  • Hello world widget
    This sample demonstrates how to create a ViewComponent that will be used to display a configurable message. The sample is explained in more detail in Create a custom .NET Core widget.
    You can find the whole sample in Sitefinity GitHub repository » Hello world widget.
  • Form widget
    To create a custom form widget, use Form widget sample on Sitefinity GitHub repository.
  • Customize widget designers
    This sample contains a widget that uses all available field types, attributes, and validations.
    To create the widget, use the All properties sample on Sitefinity GitHub repository.
  • Admin App widget editor
    This sample demonstrates how to override a specific field of a widget designer or override the entire view of a widget designer.
    To create custom widget, use the Admin App custom widget editor sample on Sitefinity GitHub repository. 

Quantum sample with .NET Core Renderer

The .NET Core page demo is an example of how to build your .NET Core website, using custom widgets and layouts. You can use it to play with it or extend it, helping you to kick-start your .NET Core project.

Setup

  • Download and setup the Quantum demo website from Sitefinity GitHub repository. 
    Follow the setup procedure, described in the repo.
  • Download Sitefinity .NET Core demo Renderer from Sitefinity GitHub repository. 
  • Set up the Renderer to work with the Quantum demo site, using the Setup procedure.
  • Build the Renderer and start it.
  • Login with the following credentials:
    • Username: admin@test.test 
    • Password: admin@2

RESULT: Your Quantum .NET Core demo Sitefinity CMS and Sitefinity .NET Core Renderer are setup and you are ready to play and test it.

net-core-service-demo-megamenu

Custom features

The demo contains:

  • Two new .NET Core page templates – Quantum .NET Core, based on the _QuantumLayout.cshtml file, and Quantum .NET Core Article.
  • New .NET Core pages are grouped under the Net Core Renderer group page.
  • Mega menu custom widget
  • Custom section widget
    A static section that uses different container setups, based on Bootstrap 5 resource package. 
  • Testimonials custom widget
    It showcases how to use a dynamic module.
  • Document custom media widget
    It allows you to download a file.

Want to learn more?

Sign up for our free beginner training. Boost your credentials through advanced courses and certification.
Register for Sitefinity training and certification.

Was this article helpful?