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

The ResponsiveImage class inherits the SimpleView class, which is a widely used Sitefinity CMS class that provides the basis of all script widgets.

In the ResponsiveImage class:

  • By overriding the LayoutTemplateName property, you specify the template that you are using.
  • By overriding the InitializeControls method, you include the original image URL and ID and set the responsive image URL.
    You can use this as a base for comparison between the responsive and original images.

In Visual Studio:

  1. In the context menu of the ResponsiveImages project click Add »  Class...
  2. Name the new class ResponsiveImage.cs
  3. Implement the code of the ResponsiveImage.cs file.

EXAMPLE: For more information about the content of the file, see the ResponsiveImage.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?