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.

Was this article helpful?