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.

Get started with Integration Hub | Sitefinity Cloud | Sitefinity SaaS

This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.

Web Security for Sitefinity Administrators

This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. 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?