DevExpress の ASPxTrackBar でのデザイン（テーマ一覧）

DevExpress の ASPxTrackBar でのデザイン（テーマ一覧）のサンプルです。

各オブジェクトのテーマ設定は見てみないと違いが分かりません。
今回はトラックバーのテーマ一覧を作成しました。

＜デザイン（テーマ一覧）＞

「Theme=”RedWine”」の部分でテーマ設定を行います。

テーマの設定手順は、
過去ブログの「DevExpress のテーマ設定（デザイン）」を参照して下さい。

【サンプルプログラム】

<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <dx:ASPxTrackBar ID="ASPxTrackBar1" runat="server" LargeTickInterval="25" 
            Position="0" PositionStart="25" Step="1" Theme="RedWine" 
            EnableTheming="True" 
            ScaleLabelHighlightMode="AlongBarHighlight" ScalePosition="Both" 
            AllowRangeSelection="True" PositionEnd="75" 
            ValueToolTipFormatString="設定値{0}〜{1}" Width="350px">
        </dx:ASPxTrackBar>
    </div>
    </form>
</body>

</head>

<body>

<div>

<dx:ASPxTrackBar ID="ASPxTrackBar1" runat="server" LargeTickInterval="25"

Position="0" PositionStart="25" Step="1" Theme="RedWine"

EnableTheming="True"

ScaleLabelHighlightMode="AlongBarHighlight" ScalePosition="Both"

AllowRangeSelection="True" PositionEnd="75"

ValueToolTipFormatString="設定値{0}〜{1}" Width="350px">

</dx:ASPxTrackBar>

</div>

</form>

</body>

【Default】

【Aqua】

【BlackGlass】

【DevEx】

【Glass】

【iOS】

【Metropolis】

【MetropolisBlue】

【Moderno】

【Mulberry】

【Office2003Blue】

【Office2003Olive】

【Office2003Silver】

【Office2010Black】

【Office2010Blue】

【Office2010Silver】

【PlasticBlue】

【RedWine】

【SoftOrange】

【Youthful】

関連記事はこちら:

DevExpress の ASPxTrackBar とは「ASPxTrackBar」は数値バーを表示し、マウスのクリック、ドラッグ、スクロールで値を設定可能です。「Microsoft Visual Studio」でも提供されていますので、正直あまり必要とされない機能だと ......
DevExpress の ASPxTrackBar での範囲設定 DevExpress の ASPxTrackBar での範囲設定のサンプルです。現状の画面デザインはこのようになっています。今回は、範囲（From、To）の設定を行います。＜範囲設定＞「AllowRangeSel ......
DevExpress の ASPxTrackBar でのボタン非表示設定 DevExpress の ASPxTrackBar でのボタン非表示設定のサンプルです。現状の画面デザインはこのようになっています。＜ボタン非表示設定＞「ShowChangeButtons=”False ......
DevExpress の ASPxTrackBar でのタイトル表示位置（横）設定 DevExpress の ASPxTrackBar でのタイトル表示位置（横）設定のサンプルです。現状の画面デザインはこのようになっています。＜タイトル表示位置（横）設定＞「HorizontalAlign=R ......
DevExpress の ASPxTrackBar でのタイトル表示位置設定 DevExpress の ASPxTrackBar でのタイトル表示位置設定のサンプルです。現状の画面デザインはこのようになっています。＜タイトル表示位置設定＞「Position=”Top” ......
DevExpress の ASPxTrackBar でのタイトル表示設定 DevExpress の ASPxTrackBar でのタイトル表示設定のサンプルです。現状の画面デザインはこのようになっています。＜タイトル表示設定＞「Caption=”分設定”」を設定し ......
DevExpress の ASPxTrackBar での逆表示設定 DevExpress の ASPxTrackBar での逆表示設定のサンプルです。現状の画面デザインはこのようになっています。今回は最小値「0」が上の位置にあり、最大値「60」が下の位置にあるのを逆転させます。＜ ......
DevExpress の ASPxTrackBar での縦表示設定 DevExpress の ASPxTrackBar での縦表示設定のサンプルです。現状の画面デザインはこのようになっています。＜縦表示設定＞「Orientation=”Vertical”」、 ......
DevExpress のサンプル作成（ASPxTrackBar） DevExpress のサンプル作成（ASPxTrackBar）手順です。＜サンプル作成（ASPxTrackBar）＞・プロジェクト作成（ASP.NET 空の Web アプリケーション）を選択します。 ※今回はDB接 ......
DevExpress の ASPxTrackBar での初期値設定 DevExpress の ASPxTrackBar での初期値設定のサンプルです。現状の画面デザインはこのようになっています。＜初期値設定＞「PositionStart=”20″」、「Pos ......

投稿タグ: ASPxTrackBar

MENU

最近の投稿

人気記事