IMPORTANT: This version of Sitefinity CMS is out of support and the respective product documentation is no longer maintained and can be outdated. Use the version selector to view a supported product version.

Tutorial: 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.

Next: Tutorial: Build an AccordionNewsList widget using Sitefinity CMS’s built-in jQuery

Was this article helpful?

Yes No

Tutorial: Create a custom widget to display responsive images

Was this article helpful?

Would you like to submit additional feedback?