RadMultiPage fadeIn fadeOut

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

    Posted 30 Oct 2015 Link to this post


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

    Thanks for help...


    <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" />
      <telerik:RadPageView runat="server" ID="PageAddress">
        <div class="shopWrapper">
          <h4 class="section-title">Address</h4>
          <uc2:ShopAddress ID="ShopAddress1" runat="server" />
      <telerik:RadPageView runat="server" ID="PageInvoice">
        <div class="shopWrapper">
          <h4 class="section-title">Invoice</h4>
          <uc3:ShopInvoice ID="ShopInvoice1" runat="server" />
      <telerik:RadPageView runat="server" ID="PageFinal">
        <div class="shopWrapper">
          <h4 class="section-title">Final</h4>
          <uc4:ShopFinal ID="ShopFinal1" runat="server" />

  2. Ivan Danchev
    Ivan Danchev avatar
    1630 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").fadeIn("slow", function () {

    Ivan Danchev
    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