Kentico Xperience 13 documentation and ASP.NET Core

Most documentation about running Xperience applications under ASP.NET Core can be found in a dedicated section: Developing Xperience applications using ASP.NET Core. The rest of the documentation still applies, but some code samples and scenarios might need slight modifications for Core projects.

All major differences between the MVC 5 and Core platforms are summarized in Migrating to ASP.NET Core.

×

Managing responsive images

Xperience provides support for responsive image management. The responsive image functionality enables you to create your own image filters and combine them in different ways to create image variants. For example, you can define image variants based on various criteria such as screen size, the type of the target device, and so on.

Each filter and image variant definition is represented by a standard .NET class that needs to be implemented by a developer.

Note: Image variants can be generated only for images stored as page attachments.

In this section

To use responsive images in Xperience , you need to:

  1. Add filters that can be applied on images.
    • Define filters that represent actions such as crop, resize, watermark, etc.
  2. Define image variants.
  3. Generate image variants.
    • Image variants are automatically created only for newly uploaded and updated page attachments.
    • For existing page attachments, you need to generate image variants manually.
  4. Use image variants on your pages.

Sample code files

You can view sample implementations of filters and image variant definitions in your Xperience program files directory (by default C:\Program Files\Kentico\<version>) under the CodeSamples\CustomizationSamples\ResponsiveImages subfolder.


Was this page helpful?