Custom widget for responsive images: Implement the code-behind of the ResponsiveImage widget designer

The designer class must inherit the ControlDesignerBase. This is the base class for all widget designers. In the ResponsiveImageDesigner class, by overriding the LayoutTemplatePath property, you specify the template you are using. You must add a reference to the ImageField control added in the markup. By overriding GetScriptReference and GetScriptResources, you provide a reference to the corresponding client-side component.

In Visual Studio, perform the following:

  1. In the context menu of folder Designer, click Add » Class...
  2. Name the class ResponsiveImageDesigner.cs
  3. Implement the code of the ResponsiveImageDesigner.cs file.

    EXAMPLE: For more information about the content of the file, see the ResponsiveImageDesigner.cs file of the downloaded sample project.

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Web Security for Sitefinity Administrators

The free standalone Web Security lesson teaches administrators how to protect your websites and Sitefinity instance from external threats. Learn to configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?