Select a site

IMPORTANT: This version of Sitefinity CMS is out of support and the respective product documentation is no longer maintained and can be outdated. Use the version selector to view a supported product version.

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

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.

Back To Top

Next: Custom widget for responsive images: Implement the client side of the ResponsiveImage widget designer | WebForms