This is a migrated thread and some comments may be shown as answers.

RadMultiPage fadeIn fadeOut

1 Answer 67 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Andreas Decke
Top achievements
Rank 1
Andreas Decke asked on 30 Oct 2015, 02:14 PM

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>

1 Answer, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 04 Nov 2015, 08:22 AM
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
Tags
TabStrip
Asked by
Andreas Decke
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Share this question
or