Sitefinity Image Gallery with AJAX enabled
50.56.182.206/.../myotrace-400
Under media tab I added a Image gallery from admin.
Image Gallery Type: Thumbnails + Overlay (lightbox) with "Use Paging" option, Page Size = 6.
I found that, It used "List of thumbnails and overlay dialog (lightbox)" template to generate the gallery.
In my template, I added "RadAjaxManager", please check below code -
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadMultiPage1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="GalleryPanel1" LoadingPanelID="RadAjaxLoadingPanel1">
</telerik:AjaxUpdatedControl>
<telerik:AjaxUpdatedControl ControlID="ReviewPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />
Next I added a RadTabStrip Control and a RadMultiPage Control.
This is my MultiPage Control code -
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" CssClass="multiPage">
<telerik:RadPageView ID="RadPageView1" runat="server">
<div>
<asp:contentplaceholder id="ContentplaceholderOverview1" runat="server" />
</div>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView2" runat="server" CssClass="pageViewEducation">
<div>
<asp:contentplaceholder id="ContentplaceholderSpecifications1" runat="server" />
</div>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView3" runat="server">
<div>
<asp:contentplaceholder id="ContentplaceholderSoftware1" runat="server" />
</div>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView4" runat="server" >
<div>
<asp:contentplaceholder id="ContentplaceholderOptions1" runat="server" />
</div>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView5" runat="server" >
<div>
<asp:Panel ID="GalleryPanel1" runat="server">
<asp:contentplaceholder id="ContentplaceholderMedia1" runat="server" />
</asp:Panel>
</div>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView6" runat="server" >
<div>
<asp:Panel ID="ReviewPanel1" runat="server">
<asp:contentplaceholder id="ContentplaceholderReviews1" runat="server" />
</asp:Panel>
</div>
</telerik:RadPageView>
</telerik:RadMultiPage>
The main issue that I'm facing is that I want the pagination to work in such a way that when I click on the pagination it will automatically select the particular tab I was in, after page submission.
<sf:Pager id="pager" runat="server"></sf:Pager> -> I found that such a pagination control is being used. How can I change or edit this, like if I want a <previous><next> button instead of a numeric pagination control?
Thanks in advance for any help that you can provide me with this.