Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Data Binding

FirstPrev1234NextLast v
(Athens) Academy of Athens
(Athens) Academy of Athens
(Barcelona) Arc de Triomf
(Barcelona) Arc de Triomf
(Barcelona) Camp Nou
(Barcelona) Camp Nou
(Berlin) Brandenburg Gate
(Berlin) Brandenburg Gate
(Berlin) Red City Hall
(Berlin) Red City Hall
(Berlin) Reichstag
(Berlin) Reichstag
(Cairo) Cairo Citadel
(Cairo) Cairo Citadel
(Cairo) Mosque of Ibn Tulun
(Cairo) Mosque of Ibn Tulun
(Las Vegas) Bally's Hotel and Casino
(Las Vegas) Bally's Hotel and Casino
(Las Vegas) Bellagio Hotel and Casino
(Las Vegas) Bellagio Hotel and Casino
(Las Vegas) Luxor Hotel and Casino
(Las Vegas) Luxor Hotel and Casino
(London) St Paul's Cathedral
(London) St Paul's Cathedral
FirstPrev1234NextLast v


This demo illustrates how the ImageGallery extension can be populated with image information from a data source. The ImageGallery extension can be bound to a data source using the BindToXML method. While binding, the extension automatically creates image items and retrieves their property values from the corresponding data items. The extension implements specific properties that point to the data fields containing the required data:

In this demo, ImageGallery is bound to an XML file by passing the file name and the required XPath to the BindToXML method as a parameter. The FullscreenViewerThumbnailUrlField and ThumbnailUrlField properties are used to obtain the corresponding property values from the specified fields.

Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxImageAndDataNavigationDemos