DevExpress でのラベルの枠線タイプ設定

DevExpress でのラベル（ASPxLabel）の枠線タイプ設定のサンプルです。

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

＜ラベルの枠線タイプ設定＞

・「ASPxLabel」の「Border」に対して「BorderStyle=”Solid”」の設定します。

【枠線タイプ一覧】
・NotSet（デフォルト）
・None（枠無し）
・Dotted（丸線）
・Dashed（点線）
・Solid（立体線）
・Double
・Groove
・Ridge
・Inset
・Outset

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="アキュラ：ラベル" Height="50px" Theme="RedWine" Font-Bold="True" Font-Size="15pt" Width="300px">
            <Border BorderStyle="Solid" />
        </dx:ASPxLabel>
        <br />
        <dx:ASPxLabel ID="ASPxLabel2" runat="server" Text="AQUREX：ラベル" Height="50px" Theme="RedWine" Font-Bold="True" Font-Size="15pt" Width="300px"></dx:ASPxLabel>
        <br />
        <dx:ASPxLabel ID="ASPxLabel3" runat="server" Text="サンプル：ラベル" Height="50px" Theme="RedWine" Font-Bold="True" Font-Size="15pt" Width="300px"></dx:ASPxLabel>
    </div>
</form>

<div>

<dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="アキュラ：ラベル" Height="50px" Theme="RedWine" Font-Bold="True" Font-Size="15pt" Width="300px">

</dx:ASPxLabel>

<br />

<dx:ASPxLabel ID="ASPxLabel2" runat="server" Text="AQUREX：ラベル" Height="50px" Theme="RedWine" Font-Bold="True" Font-Size="15pt" Width="300px"></dx:ASPxLabel>

<br />

<dx:ASPxLabel ID="ASPxLabel3" runat="server" Text="サンプル：ラベル" Height="50px" Theme="RedWine" Font-Bold="True" Font-Size="15pt" Width="300px"></dx:ASPxLabel>

</div>

</form>

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

↓

無事、ラベル（ASPxLabel）の枠線タイプ設定が出来ました。

＜NotSet（デフォルト）＞

＜None（枠無し）＞

＜Dotted（丸線）＞

＜Dashed（点線）＞

＜Solid（立体線）＞

＜Double＞

＜Groove＞

＜Ridge＞

＜Inset＞

＜Outset＞

関連記事はこちら:

DevExpress の ASPxLabel（ラベル）とは DevExpress の「ASPxLabel（ラベル）」は文字列を表示するオブジェクトコントロールです。一番使用されるオブジェクトコントロールで、基本「Microsoft Visual Studio」の「Label」 ......
DevExpress でのラベルの改行設定（其二） DevExpress でのラベル（ASPxLabel）の改行設定のサンプルです。現状の画面デザインはこのようになっています。今回はあまりおススメしませんが、改行を直接設定して改行させます。＜ラベルの改行設定＞・下 ......
DevExpress でのラベルの改行設定（其一） DevExpress でのラベル（ASPxLabel）の改行設定のサンプルです。現状の画面デザインはこのようになっています。今回は改行コードを設定して改行させます。事前に「エンコード禁止設定」が必要です。設定方法 ......
DevExpress でのラベルのエンコード禁止設定 DevExpress でのラベル（ASPxLabel）のエンコード禁止設定のサンプルです。現状の画面デザインはこのようになっています。注意：今回の設定ではデザインは変わりません。＜ラベルのエンコード禁止設定＞・上 ......
DevExpress でのラベルの折り返し禁止設定 DevExpress でのラベル（ASPxLabel）の折り返し禁止設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルの折り返し禁止設定＞・「ASPxLabel」に対して「Wrap=̶ ......
DevExpress でのラベルの幅設定 DevExpress でのラベル（ASPxLabel）の幅設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルの幅設定＞・「ASPxLabel」に対して「Width=”100px&# ......
DevExpress でのラベルのフォント設定 DevExpress でのラベル（ASPxLabel）のフォント設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルのフォント設定＞・「ASPxLabel」に対して「Font-Bold=R ......
DevExpress でのラベル（ASPxLabel）のサンプル作成 DevExpress でのラベル（ASPxLabel）のサンプル作成（Visual Studio 2019）手順です。＜ラベル（ASPxLabel）のサンプル作成（Visual Studio 2019）＞・Visua ......
DevExpress でのラベルのデザイン（テーマ一覧） DevExpress でのラベル（ASPxLabel）のデザイン（テーマ一覧）のサンプルです。各オブジェクトのテーマ設定は見てみないと違いが分かりません。今回はラベルのテーマ一覧を作成しました。しかし、想定通りデザ ......
DevExpress でのラベルの表示値取得設定（JavaScript） DevExpress でのラベル（ASPxLabel）の表示値取得設定（JavaScript）のサンプルです。ラベル（ASPxLabel）の「JavaScript」一覧は「ASPxClientLabel Class」を ......

投稿タグ: ASPxLabel

MENU

最近の投稿

人気記事