DevExpress のサンプル作成（ASPxTrackBar）手順です。

＜サンプル作成（ASPxTrackBar）＞

・プロジェクト作成（ASP.NET 空の Web アプリケーション）を選択します。
※今回はDB接続しないため、「DevExpress v15.2 Template Gallery」を選択する必要はありません。

20161014_01

↓

20161014_02

・プロジェクトから「追加」→「新しい項目」を選択し、「Web フォーム」を追加します。

20161014_03

↓

20161014_04

・ツールボックスの「DX.15.2:Common Controls」から「ASPxTrackBar」をドラッグして追加します。
※「DX.15.2」はDevExpressのバージョンです。

20161014_05

それでは、実行して動作確認を行います。

20161014_06

「+」ボタンをクリックしカーソルを移動させます。

20161014_07

無事にトラックバーが表示されました。

関連記事はこちら:

  1. DevExpress の ASPxTrackBar でのデザイン（テーマ一覧） DevExpress の ASPxTrackBar でのデザイン（テーマ一覧）のサンプルです。 各オブジェクトのテーマ設定は見てみないと違いが分かりません。 今回はトラックバーのテーマ一覧を作成しました。 ＜デザイン（テ ......
  2. DevExpress の ASPxTrackBar での範囲設定 DevExpress の ASPxTrackBar での範囲設定のサンプルです。 現状の画面デザインはこのようになっています。 今回は、範囲（From、To）の設定を行います。 ＜範囲設定＞ 「AllowRangeSel ......
  3. DevExpress の ASPxTrackBar でのメモリタイトル設定 DevExpress の ASPxTrackBar でのメモリタイトル設定のサンプルです。 現状の画面デザインはこのようになっています。 デフォルトでは、数字のみ表示されています。 今回は、数字の後ろに「分」を設定します ......
  4. DevExpress の ASPxTrackBar でのカーソル移動量設定 DevExpress の ASPxTrackBar でのカーソル移動量設定のサンプルです。 現状の画面デザインはこのようになっています。 デフォルトでは、一度のカーソル移動で「2」進みます。 今回は、カーソル移動量を「5 ......
  5. DevExpress の ASPxTrackBar でのタイトル表示位置（横）設定 DevExpress の ASPxTrackBar でのタイトル表示位置（横）設定のサンプルです。 現状の画面デザインはこのようになっています。 ＜タイトル表示位置（横）設定＞ 「HorizontalAlign=R ......
  6. DevExpress の ASPxTrackBar でのタイトル表示位置（縦）設定 DevExpress の ASPxTrackBar でのタイトル表示位置（縦）設定のサンプルです。 現状の画面デザインはこのようになっています。 ＜タイトル表示位置（縦）設定＞ 「VerticalAlign=” ......
  7. DevExpress の ASPxTrackBar でのタイトル表示設定 DevExpress の ASPxTrackBar でのタイトル表示設定のサンプルです。 現状の画面デザインはこのようになっています。 ＜タイトル表示設定＞ 「Caption=”分設定”」を設定し ......
  8. DevExpress の ASPxTrackBar でのメモリ表示設定 DevExpress の ASPxTrackBar でのメモリ表示設定のサンプルです。 現状の画面デザインはこのようになっています。 ＜幅設定＞ 「ScalePosition=”Both”」を設定 ......
  9. DevExpress の ASPxTrackBar での幅設定 DevExpress の ASPxTrackBar での幅設定のサンプルです。 現状の画面デザインはこのようになっています。 ＜幅設定＞ 「Width=”350px”」を設定します。 【サンプルプ ......
  10. DevExpress の ASPxTrackBar での初期値設定 DevExpress の ASPxTrackBar での初期値設定のサンプルです。 現状の画面デザインはこのようになっています。 ＜初期値設定＞ 「PositionStart=”20″」、「Pos ......
投稿タグ