RadMultiPage fadeIn fadeOut

2 posts, 0 answers
  1. Andreas Decke
    Andreas Decke avatar
    26 posts
    Member since:
    Oct 2007

    Posted 30 Oct 2015 Link to this post

    Hello,

    how can i do fadeIn and fadeOut (jQuery?) RadPageView's without RadTabStrip (RadPageView has no event OnSelectedIndexChange?)

    Thanks for help...

    Andreas

    <telerik:RadMultiPage runat="server" ID="MultiPageShop" SelectedIndex="0" RenderSelectedPageOnly="True" RenderMode="Auto">
      <telerik:RadPageView runat="server" ID="PageOverview">
        <div class="shopWrapper">
          <h4 class="section-title">Overview</h4>
          <uc1:ShopOverview ID="ShopOverview1" runat="server" />
        </div>
      </telerik:RadPageView>
      <telerik:RadPageView runat="server" ID="PageAddress">
        <div class="shopWrapper">
          <h4 class="section-title">Address</h4>
          <uc2:ShopAddress ID="ShopAddress1" runat="server" />
        </div>
      </telerik:RadPageView>
      <telerik:RadPageView runat="server" ID="PageInvoice">
        <div class="shopWrapper">
          <h4 class="section-title">Invoice</h4>
          <uc3:ShopInvoice ID="ShopInvoice1" runat="server" />
        </div>
      </telerik:RadPageView>
      <telerik:RadPageView runat="server" ID="PageFinal">
        <div class="shopWrapper">
          <h4 class="section-title">Final</h4>
          <uc4:ShopFinal ID="ShopFinal1" runat="server" />
        </div>
      </telerik:RadPageView>
    </telerik:RadMultiPage>

  2. Ivan Danchev
    Admin
    Ivan Danchev avatar
    917 posts

    Posted 04 Nov 2015 Link to this post

    Hello Andreas,

    In order to fadeIn the RadPageView, since the RadMultiPage and RadPageView do not  support a OnSelectedIndexChanged event, you can use the TabStrip's OnSelectedIndexChanged handler or another handler depending on your scenario:
    function OnClientTabSelected(sender, args) {
        $telerik.$("#MultiPageShop").hide();
     
        $telerik.$("#MultiPageShop").fadeIn("slow", function () {
        });
    }

    Regards,
    Ivan Danchev
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top