All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:
New to Telerik UI for ASP.NET AJAX? Download free 30-day trial
<%@ Page Language="c#" Inherits="Telerik.ImageGalleryExamples.Functionality.Modes.DefaultCS"CodeFile="DefaultCS.aspx.cs" %> <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %> <!DOCTYPE html> <html xmlns='http://www.w3.org/1999/xhtml'> <head runat="server"> <title>Telerik ASP.NET Example</title> <link href="styles.css" rel="stylesheet" /> </head> <body> <form id="form1" runat="server"> <telerik:RadScriptManager runat="server" ID="RadScriptManager1" /> <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" /> <div class="demo-container size-medium"> <asp:Panel ID="galleriesPanel" runat="server"> <telerik:RadImageGallery RenderMode="Lightweight" runat="server" ID="RadImageGallery1" DisplayAreaMode="Image" Width="600px" Visible="false" ImagesFolderPath="~/Image-Gallery/Examples/Functionality/Modes/images"> <ImageAreaSettings Height="500px" /> </telerik:RadImageGallery> <telerik:RadImageGallery RenderMode="Lightweight" runat="server" ID="RadImageGallery2" DisplayAreaMode="Thumbnails" Width="600px" Visible="true" ImagesFolderPath="~/Image-Gallery/Examples/Functionality/Modes/images"> <ImageAreaSettings Height="500px" /> <ThumbnailsAreaSettings Height="500" ShowScrollButtons="false" /> </telerik:RadImageGallery> <telerik:RadImageGallery RenderMode="Lightweight" runat="server" ID="RadImageGallery3" DisplayAreaMode="ToolTip" Width="600px" Visible="false" ImagesFolderPath="~/Image-Gallery/Examples/Functionality/Modes/images"> <ImageAreaSettings Height="500px" /> <ThumbnailsAreaSettings /> </telerik:RadImageGallery> <telerik:RadImageGallery RenderMode="Lightweight" runat="server" ID="RadImageGallery4" DisplayAreaMode="LightBox" Width="600px" Visible="false" ImagesFolderPath="~/Image-Gallery/Examples/Functionality/Modes/images"> <ImageAreaSettings Height="600px" /> <ThumbnailsAreaSettings ThumbnailsSpacing="1px" Height="304" ShowScrollbar="true" ShowScrollButtons="false" /> </telerik:RadImageGallery> </asp:Panel> </div> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelRenderMode="Block"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="ConfiguratorPanel"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="ConfiguratorPanel" /> <telerik:AjaxUpdatedControl ControlID="galleriesPanel" LoadingPanelID="RadAjaxLoadingPanel1" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1"> </telerik:RadAjaxLoadingPanel> <qsf:ConfiguratorPanel runat="server" ID="ConfiguratorPanel"> <Views> <qsf:View Title="Change Modes"> <qsf:ConfiguratorColumn runat="server" Title="DisplayArea Mode" Size="Medium"> <qsf:RadioButtonList ID="DisplayAreaModeSettings" runat="server" OnSelectedIndexChanged="DisplayAreaModeSettings_SelectedIndexChanged" AutoPostBack="true"> <asp:ListItem Text="Image" Value="Image" /> <asp:ListItem Text="Thumbnails" Value="Thumbnails" Selected="true" /> <asp:ListItem Text="LightBox" Value="LightBox" /> <asp:ListItem Text="ToolTip" Value="ToolTip" /> </qsf:RadioButtonList> </qsf:ConfiguratorColumn> <qsf:ConfiguratorColumn runat="server" Title="Thumbnails Area Mode:" ID="ThumbnailAreaSettings" Size="Medium" Visible="false"> <qsf:RadioButtonList ID="ThumbnailsAreaModeSettings" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ThumbnailsAreaModeSettings_SelectedIndexChanged"> <asp:ListItem Text="Thumbnails" Value="Thumbnails" Selected="True" /> <asp:ListItem Text="ImageSlider" Value="ImageSlider" /> <asp:ListItem Text="ImageSliderPreview" Value="ImageSliderPreview" /> </qsf:RadioButtonList> </qsf:ConfiguratorColumn> </qsf:View> </Views> </qsf:ConfiguratorPanel> </form> </body> </html>