選択した項目の背景色を変更する方法

Question

私のアプリケーションでラジオレーターを使用していますが、どのように境界線の色や回転子の選択項目の色を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> 

からアイテムの境界線の色を変更しますコードビハインド：

私は、ポストバックを介して現在の項目を保存するために回転子制御の InitialItemIndexプロパティを設定している

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

    RadRotator1.InitialItemIndex = e.Item.Index; 
} 

注意。異なるサイズが利用されている場合は、プロパティ幅、高、ItemWidthを変更しなければならないので、また、例は、サイズ150x113の画像のために設計され、はそれに応じてをItemHeight。