Sitefinity Image Gallery with AJAX enabled

Posted by Community Admin on 04-Aug-2018 14:03

Sitefinity Image Gallery with AJAX enabled

All Replies

Posted by Community Admin on 18-Sep-2012 00:00

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.

This thread is closed