RadMultiPage fadeIn fadeOut

[Andreas Decke]

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>

[Ivan Danchev]

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