Skip to main content


ImageGallery is a data extension that is used to display and navigate images. This extension supports data binding, the loading of images from a specified folder, and the manual creation of image items.

To see the ImageGallery in action, refer to the online Image Gallery demos.

Implementation Details

The ImageGallery extension is implemented by the ImageGalleryExtension class. To access its instance, use the ExtensionsFactory.ImageGallery helper method, which is used to add an ImageGallery extension to a view. This method’s parameter provides access to ImageGallery settings implemented by the ImageGallerySettings class.

The ImageGallery‘s client counterpart is represented by the MVCxClientImageGallery object.


The code sample below demonstrates how to add an ImageGallery to a project and bind it to a folder.

public class HomeController: Controller {
    public string ImageSourceFolder = "~/Images/photo_gallery";
    public ActionResult Overview() {
        return View("Overview", ImageSourceFolder);
    public ActionResult OverviewPartial() {
        return PartialView("OverviewPartial", ImageSourceFolder);
@Html.DevExpress().ImageGallery(settings => {
    settings.Name = "imageGallery";
    settings.CallbackRouteValues = new {
        Controller = "ImageGallery", Action = "OverviewPartial" };
    settings.ImageCacheFolder = "~/ImageGallery/Thumb/";
    settings.SettingsTableLayout.RowsPerPage = 1;


The Partial View should contain only the extension’s code.

The image below illustrates the result.


See Also