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.

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?