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.