如何更改telerik radrotator選定項目的背景顏色

Question

我在我的應用程序中使用radrotator，我如何更改從asp.net c＃代碼後面的旋轉器選​​定項目的邊框顏色或顏色，我可以期待一些幫助這個。

Answer 1

你可以改變通過額外的CSS類RadRotator控制的邊界及其項目：

1. 內部CSS類rrClipRegion可以以設置了旋轉控制的邊境一個新的顏色覆蓋：

   .rrClipRegion 
   { 
       border: 1px solid green !important; 
   } 
   

2. 您可以設置一個默認的邊框顏色通過CSS的RadRotator的項目，然後你可以從後面的代碼，通過定義新的邊界顏色的CSS類的變化，如下圖所示：

的RadRotator標記：

<telerik:RadRotator ID="RadRotator1" runat="server" FrameDuration="3000" ScrollDirection="Left" 
     Height="123px" ItemHeight="113px" Width="180px" ItemWidth="152px" Skin="Default" 
     RotatorType="Buttons" OnItemClick="RadRotator1_ItemClick"> 
     <ItemTemplate> 
      <div> 
       <img src="....." alt="" /> 
      </div> 
     </ItemTemplate> 
    </telerik:RadRotator> 

的風格，需要應用邊界：

<style type="text/css"> 
    .rrItem 
    { 
     margin: 4px; 
    } 

    .rrItem img 
    { 
     border: 1px solid grey; 
    } 

    .cssSelectedItem img 
    { 
     border: 1px solid red; 

    } 
</style> 

從更改項目的邊框顏色代碼隱藏：

protected void RadRotator1_ItemClick(object sender, RadRotatorEventArgs e) 
{ 
    RadRotatorItem item = (RadRotatorItem)e.Item; 
    item.CssClass = "cssSelectedItem"; 

    RadRotator1.InitialItemIndex = e.Item.Index; 
} 

請注意，我已經設置了旋轉控制的InitialItemIndex財產，以便通過回發來保存當前項目。另外，例如設計用於與尺寸150x113的圖像，因此，如果正在使用不同的尺寸應更改屬性寬度，身高，ItemWidth，ItemHeight相應。