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: Add the markup for the ResponsiveImage widget designer

You create a custom designer to make the clients select an image.

In Visual Studio, perform the following:

  1. In the context menu of your project, click Add » New Folder.
  2. Name the folder Designer.
  3. In the context menu of Designer folder, click Add » New Item...
  4. Under Visual C#, select Class.
  5. Name the class ResponsiveImageDesigner.ascx
  6. From the context menu of file ResponsiveImageDesigner.ascx, click Properties.
    In the Properties pane, set the BuildAction property of the file to Embedded Resource.
  7. Implement the markup of the ResponsiveImageDesigner.ascx.

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

    You use the ImageField control to select from already uploaded images.

Back To Top

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