DevExpress の ASPxTrackBar でのタイトル表示位置（横）設定

DevExpress の ASPxTrackBar でのタイトル表示位置（横）設定のサンプルです。

現状の画面デザインはこのようになっています。

＜タイトル表示位置（横）設定＞

「HorizontalAlign=”Center”」を設定します。

【表示位置（横）一覧】
・Right（右側）
・Left（左側）
・Center（中央）
・NotSet（デフォルト）

【サンプルプログラム】

<form id="form1" runat="server">
<div>
<dx:ASPxTrackBar ID="ASPxTrackBar1" runat="server" Caption="分設定" 
    LargeTickInterval="10" MaxValue="60" Position="0" PositionStart="0" 
    ScalePosition="Both" Theme="RedWine" Width="350px">
    <CaptionSettings HorizontalAlign="Center" Position="Top" ShowColon="False" 
        VerticalAlign="Middle" />
    <CaptionStyle Font-Bold="True" Font-Size="Medium" ForeColor="Blue">
    </CaptionStyle>
</dx:ASPxTrackBar>
</div>
</form>

<div>

<dx:ASPxTrackBar ID="ASPxTrackBar1" runat="server" Caption="分設定"

LargeTickInterval="10" MaxValue="60" Position="0" PositionStart="0"

ScalePosition="Both" Theme="RedWine" Width="350px">

<CaptionSettings HorizontalAlign="Center" Position="Top" ShowColon="False"

VerticalAlign="Middle" />

</CaptionStyle>

</dx:ASPxTrackBar>

</div>

</form>

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

↓

無事にトラックバーのタイトル表示位置（横）設定が出来ました。

＜Right（右側）＞

＜Left（左側）＞

＜Center（中央）＞

＜NotSet（デフォルト）＞

関連記事はこちら:

DevExpress の ASPxTrackBar とは「ASPxTrackBar」は数値バーを表示し、マウスのクリック、ドラッグ、スクロールで値を設定可能です。「Microsoft Visual Studio」でも提供されていますので、正直あまり必要とされない機能だと ......
DevExpress の ASPxTrackBar でのタイトル文字色設定 DevExpress の ASPxTrackBar でのタイトル文字色設定のサンプルです。現状の画面デザインはこのようになっています。＜タイトル文字色設定＞「ForeColor=”Blue” ......
DevExpress の ASPxTrackBar でのタイトル部分の「：（コロン）」非表示設定 DevExpress の ASPxTrackBar でのタイトル部分の「：（コロン）」非表示設定のサンプルです。現状の画面デザインはこのようになっています。＜タイトル部分の「：（コロン）」非表示設定＞「ShowCo ......
DevExpress の ASPxTrackBar でのタイトル表示位置（縦）設定 DevExpress の ASPxTrackBar でのタイトル表示位置（縦）設定のサンプルです。現状の画面デザインはこのようになっています。＜タイトル表示位置（縦）設定＞「VerticalAlign=” ......
DevExpress の ASPxTrackBar での縦表示設定 DevExpress の ASPxTrackBar での縦表示設定のサンプルです。現状の画面デザインはこのようになっています。＜縦表示設定＞「Orientation=”Vertical”」、 ......
DevExpress の ASPxTrackBar でのメモリ単位設定 DevExpress の ASPxTrackBar でのメモリ単位設定のサンプルです。現状の画面デザインはこのようになっています。今回は、最大値が「60」ですので、「10」刻みでメモリ表示を行います。＜最小値、最大 ......
DevExpress の ASPxTrackBar での最小値、最大値設定 DevExpress の ASPxTrackBar での最小値、最大値設定のサンプルです。現状の画面デザインはこのようになっています。＜最小値、最大値設定＞「MaxValue=”60″」を設 ......
DevExpress の ASPxTrackBar でのメモリ表示設定 DevExpress の ASPxTrackBar でのメモリ表示設定のサンプルです。現状の画面デザインはこのようになっています。＜幅設定＞「ScalePosition=”Both”」を設定 ......
DevExpress の ASPxTrackBar での幅設定 DevExpress の ASPxTrackBar での幅設定のサンプルです。現状の画面デザインはこのようになっています。＜幅設定＞「Width=”350px”」を設定します。【サンプルプ ......
DevExpress の ASPxTrackBar でのタイトルフォント設定 DevExpress の ASPxTrackBar でのタイトルフォント設定のサンプルです。現状の画面デザインはこのようになっています。＜タイトルフォント設定＞「Font-Bold=”True̶ ......

投稿タグ: ASPxTrackBar

MENU

最近の投稿

人気記事