Create a custom widget to display responsive images

Responsive design technique builds a single template that dynamically adapts to any resolution or a device. For more information, see Overview: Responsive design. In Sitefinity CMS responsive design module, responsive images do not come out-of-the-box. 

This article demonstrates how to build a custom widget that displays responsive images.

You can download the source code and implement it. Alternatively, you can follow the steps below to create the widget from scratch. 

GITHUB EXAMPLE: Download the Responsive images sample project from Sitefinity GitHub repository » Responsive images sample widget.

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?