2012-01-14 3 views
0

Webページでajaxのスライダエクステンダコントロールを使用しました。私はコントロールの長さを減らしたい。 コントロールのステップに応じて、コントロールまたはコントロールの下のレールトラックをどのように表示する必要がありますか? コントロールの長さはどのように設定する必要がありますか?スライダエクステンダコントロールのサイズを変更(長さ)できますか?レールの軌道を下のコントロールに表示しますか?

可能であれば、このトピックに関するいくつかのドキュメントを提供してください。

私はあなたが幅を持つdiv要素内の制御を含むように試みることができる...方法を以下に

<asp:TextBox ID="txtPercentageCompleted" runat="server" Text="0" Width="100%" style="display:none;" 
     ontextchanged="txtPercentageCompleted_TextChanged" AutoPostBack="true"></asp:TextBox> 
     <ajaxToolkit:SliderExtender ID="SliderExtender1" runat="server" BehaviorID="txtPercentageCompleted" 
      TargetControlID="txtPercentageCompleted" 
      Minimum="0" 
      Maximum="100" 
      BoundControlID="lblPercentage" 
      Steps="5" EnableHandleAnimation="true"> 
     </ajaxToolkit:SliderExtender> 
<asp:Label ID="lblPercentage" runat="server" Text="Label" Width="100%"></asp:Label> 
+0

なぜ票が下がったのですか?orientationのプロパティに依存します。 – Priyanka

答えて

1

私はスライダーのエクステンダーCONTRLのレールトラックの設定サイズは上記の問題の一つ解決してきました -

.sliderrail 
{ 
    position:relative; 
    background-image:url('../images/slider_h_rail.gif'); 
    height:22px; 
    width:100px; 
} 

もありますが - sliderrailの

<asp:TextBox ID="txtPercentageCompleted" runat="server" Text="0" Width="100%" style="display:none;" 
     ontextchanged="txtPercentageCompleted_TextChanged" AutoPostBack="true"></asp:TextBox> 
     <ajaxToolkit:SliderExtender ID="SliderExtender1" runat="server" BehaviorID="txtPercentageCompleted" 
      TargetControlID="txtPercentageCompleted" 
      Minimum="0" 
      Maximum="100" 
      BoundControlID="lblPercentage" 
      Steps="5" EnableHandleAnimation="true" 
      RailCssClass="sliderrail" 
      Orientation = "Horizontal"> 
     </ajaxToolkit:SliderExtender> 
     <span style="float:left;width:8%;text-align:right;"> <asp:Label ID="lblPercentage" runat="server" Text="Label" Width="100%"></asp:Label></span> 

のCss Lengthプロパティがスライダコントロールに表示されます。使用することによって、コントロールの幅/高さを設定することができ、horizontal or vertical.

0

をコントロールを使用していました。

それとも

あなたは、生成された出力HTMLを表示し、長さを制限するために、CSSを作成しようとすることができます。つまり、任意のクライアントIDなどに基づいてセレクタを作成できるかどうかです。

関連する問題