An image gallery is a popular feature in a website, so we decided to demonstrate how easy and quick it is to build a gallery with the RadControls for ASP.NET AJAX and OpenAccess ORM. The finished app is compatible not only with the latest desktop browsers, but also with the major mobile ones.
The list of images on the main page was a perfect opportunity to show off the new client-side data-binding of our RadListView control. To get the data to the browser, we settled on a WCF Web Service. The same approach is used for populating the images in a RadGrid for an alternate view of the gallery.
Details for each image are displayed in a separate page that allows rating and sharing the picture with your friends through the most popular social networks. This is easily done via the RadRating and RadSocialShare controls, which are designed specifically for such scenarios. A RadRotator above the picture provides an intuitive navigation throughout the gallery. All of these features integrate seamlessly with RadAjax for a lightning fast user experience.
You can add your own images to the gallery in no time as well via the RadAsyncUpload control. A client-side preview is implemented on the Upload page so you can easily fill up the picture’s information.before inserting it in the gallery. Open Access ORM provides easy and smooth communication with the stored information in the database throughout the entire application.
We also wanted to show how easily the default appearance of the RadControls can be changed, so we prepared entirely new styles with heavy use of CSS3 to give the Image Gallery a unique and modern look.
Stoyan Stratev is a technical lead in the Windows 8 HTML team at Telerik. He joined the company in 2005 as a web developer, specializing in the integration of the Telerik components in third-party solutions, such as DotNetNuke and SharePoint. He led one of the ASP.NET AJAX teams before moving on to the Windows 8 division.
Subscribe to be the first to get our expert-written articles and tutorials for developers!