Tabstrip and Rotator

2 posts, 0 answers
  1. maha
    maha avatar
    44 posts
    Member since:
    Jun 2010

    Posted 16 Jun 2010 Link to this post

    I am using a tabstrip that consists of 2 tabs and in each RadPageView i have a RadRotator. When the page loads the selected tab displays the rotator with the items in it correctly with the size specified but when i click on the 2nd tab the size becomes smaller.When i go back to 1st tab the size is still small.What do i have to do to keep the size of the rotator as declared?I tried the

    EnableEmbeddedBaseStylesheet

     

    ="true"

     

     

     

     


    but it didnt work or i am using it incorrectly.This is my code in .aspx :

     

    <telerik:radtabstrip ID="RadTabStripbooks" runat="server" MultiPageID="RadMultiPagebooks"   
    SelectedIndex="0" dir="rtl" Skin="" >   
     <Tabs>   
      <telerik:RadTab Text=" " CssClass="tabStrip1" PageViewID="RadPageView1b">     
      </telerik:RadTab>   
      <telerik:RadTab Text=" " CssClass="tabStrip2" PageViewID="RadPageView2b" >   
      </telerik:RadTab>   
     </Tabs>   
     </telerik:radtabstrip> 
     
    <telerik:RadMultiPage ID="RadMultiPagebooks" runat="server" SelectedIndex="0" dir="rtl" Width="100%" EnableEmbeddedBaseStylesheet="true" >   
        
        <telerik:RadPageView ID="RadPageView1b" runat="server" BackColor="#a6ce39" >   
           <div style="width:100%;">   
              <telerik:RadRotator ID="RadRotator1" runat="server" Height="190px" width="100%" BackColor="#a6ce39" RotatorType="ButtonsOver" ItemHeight="100px"   ItemWidth="165px" DataSourceID="XmlDataSource1" Skin="Windows7"     EnableEmbeddedBaseStylesheet="true" >   
                     <ItemTemplate>   
                               <div class="itemTemplate">  
                                           SOME CODE......   
       
                                 </div>   
                          </ItemTemplate>   
            </telerik:RadRotator>   
          </div> 
      </telerik:RadPageView>   
       
    <telerik:RadPageView ID="RadPageView2b" runat="server" BackColor="#526b75" >   
      <div style="width:100%;">  
             <telerik:RadRotator ID="RadRotator2b" runat="server" Height="190px" width="100%" BackColor="#526b75"   
     RotatorType="ButtonsOver" ItemHeight="100px" ItemWidth="165px" DataSourceID="XmlDataSource2" Skin="Windows7"   EnableEmbeddedBaseStylesheet="true" >   
             <ItemTemplate>   
               <div class="itemTemplate">  
                    SOME CODE......   
       
               </div>   
           </ItemTemplate>   
      </telerik:RadRotator>   
      </div> 
     </telerik:RadPageView>   
    </telerik:RadMultiPage>   
      
  2. maha
    maha avatar
    44 posts
    Member since:
    Jun 2010

    Posted 16 Jun 2010 Link to this post

    changed width to to fixed size px value and not 100%  and it worked
Back to Top