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: Implement the client side of the ResponsiveImage widget designer

You need to get the ID of the selected image and pass it from the designer to the widget. This is achieved on the client-side by the applyChanges method.

In Visual Studio, perform the following:

  1. In the context menu of Designer folder, click Add » JavaScript File.
  2. Name the file ResponsiveImageDesigner.js
  3. Right-click on the js file and set the Build Action property to Embedded Resource.
  4. Expand the Properties folder of the ResponsiveImages class library and click to edit the AssemblyInfo.cs.
  5. Add the following line:
    [assembly: WebResource("ResponsiveImages.Designer.ResponsiveImageDesigner.js", "application/x-javascript")]
  6. Implement the JavaScript code of the ResponsiveImageDesigner.js file.

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

  7. Build you solution.

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?