Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Rotator > the Rotator does not work inside a Tabcontainer control from the MS ajax control toolkit?

• john

  Posted on Oct 8, 2008 (permalink)

  I have an app in which I use a tabcontainer control of the microsoft ajax control tool kit. And I just realized, after mush time spent trying to make it work, that it does not work at all inside a tab of the tabcontainer control.
  
  Anybody knows any work around?
  

  <

   

  cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0">

   

  <cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="Photos Grouped in Frames">

   

  <HeaderTemplate>
  Grouped in Frames

   

   

  </HeaderTemplate>

   

   

   

  <ContentTemplate>

   

   

   

  <telerik:RadRotator ID="RadRotator1" runat="server" DataSourceID="ObjectDataSource2">

   

  <ItemTemplate>

   

   

  <asp:Image ID="Image1" ImageUrl='<%#"~/" + eval("imageurl") %>' runat="server" />

   

   

   

   

  </ItemTemplate>

   

   

   

  </telerik:RadRotator>

   

  <asp:ObjectDataSource ID="ObjectDataSource2" runat="server" SelectMethod="GetFramePhotos" TypeName="MB.TheBeerHouse.BLL.Albums.Photo">  

   

   

  <SelectParameters>

   

   

   

   

   

  <asp:ControlParameter ControlID="FrameIODTag" DefaultValue="" Name="FrameID" PropertyName="Value" Type="Int32" />

   

   

   

  </SelectParameters>

   

   

   

  </asp:ObjectDataSource>

   

   

   

   

  </

  ContentTemplate>

   

   

  </cc1:TabPanel>  

   

   

  <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="Loose Photos">

   

   

  </cc1:TabPanel>

   

   

  <cc1:TabPanel ID="TabPanel3" runat="server" HeaderText="Loose Photos">

   

   

   

  <ContentTemplate>

   

   

   

  </ContentTemplate>

   

   

   

   

  </cc1:TabPanel>

   

   

   

   

   

   

  </cc1:TabContainer>
  
  this does not work. It will occupy the spacce on screen but will not display any picture or data at all.

   

   

   

   

  Reply

• john

  Posted on Oct 12, 2008 (permalink)

  the adrotator just doesnt work inside a tabcontainer!

  Reply


• Georgi Tunev Georgi Tunev

  Posted on Oct 14, 2008 (permalink)

  Hi John,
  
  The problem here comes from the fact that when the tab container control initially loads the rotator, it is still hidden - that is why the items are not shown. You can easily fix this by hooking to the OnClientLoad eventhandler of the rotator and executing the following script:
  
  
  

  function OnClientLoad(rotator)

  {

  window.setTimeout(function()

  {

  rotator.repaint();

  },0);

  }

  
  
  Sincerely yours,
  Georgi Tunev
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

  Reply

• john

  Posted on Oct 15, 2008 (permalink)

  thank you Georgi Tunev,
  I was just checking in and was also going to post that the rotator also did not work in the Accordion control of the ajax toolkit when I saw that you had posted a posible solution.
  
  Thank you. but how do I "hook into the event handler" as you put it? I have no idea how to do this.
  
  Also the only 'client' events that I see exposed are the following ones (i dont see the OnClientLoad event):
  

  OnClientItemClicked

   

  
  OnClientItemClicking
  OnClientItemShowing
  OnClientItemShown
  OnClientMouseOut
  OnClientMouseOver
  

   

  Reply

• Georgi Tunev Georgi Tunev

  Posted on Oct 16, 2008 (permalink)

  Hello John,
  
  Are you, by any chance, using an older version of the control? The property I am talking about is indeed OnClientLoad and if I remember correctly, it was introduced in the 2008.2.826 release. If you have an older version of the control, please upgrade and you should not experience this problem anymore.
  
  
  
  Best wishes,
  Georgi Tunev
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

  Reply

• john

  Posted on Oct 16, 2008 (permalink)

  of course I just spent about 30 minutes clicking every where posible inside visual studio and all your components also and looked in all the places I could think of and here it comes:
  
  how do I find out which version I have?
  
  never mind ill just re download it and re install it :(
  
  

  Reply

• john

  Posted on Oct 16, 2008 (permalink)

  Ok I figured it out. In the web.config it says

  Version=2008.2.723.35

  
  

  Reply

• Georgi Tunev Georgi Tunev

  Posted on Oct 17, 2008 (permalink)

  Hi John,
  
  Yes, you will need to upgrade in this case. As for the version's number, you can also check it in the Properties / Version tab of the dll file itself.
  
  
  
  Kind regards,
  Georgi Tunev
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

  Reply

• Nebras

  Posted on Feb 7, 2012 (permalink)

  Hello all
  I have the same issue but the repaint method doesnt solve my problem
  any solution  for that?
  

  Reply

• Nebras

  Posted on Feb 8, 2012 (permalink)

  I solve it , the repaint works for me but not at the tab control load, instead , at the OnClientActiveTabChanged
  my it help someone
  

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Rotator > the Rotator does not work inside a Tabcontainer control from the MS ajax control toolkit?