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.

Image Gallery Main Page 

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.

Image Gallery Grid View 

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.

Image Gallery Details Page 

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.

Image Gallery Upload Image Page 

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.

Click (or tap :) ) here to see the application online. We hope you will enjoy it! Like all our other samples, the source code is available for download as well - click here to get it.


About the Author

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.

Related Posts

Comments

Comments are disabled in preview mode.