DevExpress でのラベルの改行設定（其二）

DevExpress でのラベル（ASPxLabel）の改行設定のサンプルです。

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

今回はあまりおススメしませんが、改行を直接設定して改行させます。

＜ラベルの改行設定＞

・下「ASPxLabel」の「Text」に対してソース上で改行のために「Enter」キーを押下します。

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="アキュラ：&lt;br /&gt;ラベル" Height="60px" Theme="RedWine" Font-Bold="True" Font-Size="15pt" Width="300px" EncodeHtml="False">
            <Border BorderColor="#FF99FF" BorderStyle="Solid" BorderWidth="1px" />
        </dx:ASPxLabel>
        <br />
        <dx:ASPxLabel ID="ASPxLabel2" runat="server" Text="AQUREX：&lt;br /&gt;ラベル" Height="60px" Theme="RedWine" Font-Bold="True" Font-Size="15pt" Width="300px">
            <Border BorderStyle="None" />
            <BorderLeft BorderColor="#FF99FF" BorderStyle="Solid" BorderWidth="1px" />
            <BorderRight BorderColor="#FF99FF" BorderStyle="Solid" BorderWidth="1px" />
        </dx:ASPxLabel>
        <br />
        <dx:ASPxLabel ID="ASPxLabel3" runat="server" Text="サンプル：
            ラベル" Height="60px" Theme="RedWine" Font-Bold="True" Font-Size="15pt" Width="300px">
            <Border BorderColor="#FF99FF" BorderStyle="Solid" BorderWidth="1px" />
        </dx:ASPxLabel>
    </div>
</form>

<div>

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

</dx:ASPxLabel>

<br />

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

</dx:ASPxLabel>

<br />

<dx:ASPxLabel ID="ASPxLabel3" runat="server" Text="サンプル：

ラベル" Height="60px" Theme="RedWine" Font-Bold="True" Font-Size="15pt" Width="300px">

</dx:ASPxLabel>

</div>

</form>

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

↓

無事、ラベル（ASPxLabel）の改行設定が出来ました。

関連記事はこちら:

DevExpress でのラベルのデザイン（テーマ一覧） DevExpress でのラベル（ASPxLabel）のデザイン（テーマ一覧）のサンプルです。各オブジェクトのテーマ設定は見てみないと違いが分かりません。今回はラベルのテーマ一覧を作成しました。しかし、想定通りデザ ......
DevExpress でのラベルの改行設定（其一） DevExpress でのラベル（ASPxLabel）の改行設定のサンプルです。現状の画面デザインはこのようになっています。今回は改行コードを設定して改行させます。事前に「エンコード禁止設定」が必要です。設定方法 ......
DevExpress でのラベルの上下枠線削除設定 DevExpress でのラベル（ASPxLabel）の上下枠線削除設定のサンプルです。現状の画面デザインはこのようになっています。真ん中のラベルの上下枠線が重複して太く見えます。今回は、この重複部分を削除します。 ......
DevExpress でのラベルの枠線色設定 DevExpress でのラベル（ASPxLabel）の枠線色設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルの枠線色設定＞・「ASPxLabel」の「Border」に対して「BorderC ......
DevExpress でのラベルの枠線タイプ設定 DevExpress でのラベル（ASPxLabel）の枠線タイプ設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルの枠線タイプ設定＞・「ASPxLabel」の「Border」に対して「Bor ......
DevExpress でのラベルの折り返し禁止設定 DevExpress でのラベル（ASPxLabel）の折り返し禁止設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルの折り返し禁止設定＞・「ASPxLabel」に対して「Wrap=̶ ......
DevExpress でのラベルのテキスト設定 DevExpress でのラベル（ASPxLabel）のテキスト設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルのテキスト設定＞・「ASPxLabel」のコンテキストメニューから「Text」 ......
DevExpress でのラベルのテーマ設定 DevExpress でのラベル（ASPxLabel）のテーマ設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルのテーマ設定＞・「ASPxLabel」のコンテキストメニューから「Theme」を ......
DevExpress でのラベル（ASPxLabel）のサンプル作成 DevExpress でのラベル（ASPxLabel）のサンプル作成（Visual Studio 2019）手順です。＜ラベル（ASPxLabel）のサンプル作成（Visual Studio 2019）＞・Visua ......
DevExpress でのラベルの表示値取得設定（JavaScript） DevExpress でのラベル（ASPxLabel）の表示値取得設定（JavaScript）のサンプルです。ラベル（ASPxLabel）の「JavaScript」一覧は「ASPxClientLabel Class」を ......

投稿タグ: ASPxLabel

MENU

最近の投稿

人気記事