More in this section

Forums / Developing with Sitefinity / Sitefinity Image Gallery with AJAX enabled

Sitefinity Image Gallery with AJAX enabled

1 posts, 0 answered
  1. Pritam
    Pritam avatar
    9 posts
    Registered:
    25 Jul 2008
    18 Sep 2012
    Link to this post
    http://50.56.182.206/sitefinityprojects/noraxon/research/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.
1 posts, 0 answered