Version Sitefinity 13.3
Sitefinity 15.0 Sitefinity 14.4 Sitefinity 14.3 Sitefinity 14.2 Sitefinity 14.1 Sitefinity 14.0 Sitefinity 13.3

Topics

All topics

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.

Web Security for Sitefinity Administrators

The free standalone Web Security lesson teaches administrators how to protect your websites and Sitefinity instance from external threats. Learn to 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?

Next article

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