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

Tabstrip and Rotator

1 Answer 56 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
maha
Top achievements
Rank 1
maha asked on 16 Jun 2010, 10:21 AM
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>   
  

1 Answer, 1 is accepted

Sort by
0
maha
Top achievements
Rank 1
answered on 16 Jun 2010, 11:03 AM
changed width to to fixed size px value and not 100%  and it worked
Tags
TabStrip
Asked by
maha
Top achievements
Rank 1
Answers by
maha
Top achievements
Rank 1
Share this question
or