DevExpress でのラベルの上下枠線削除設定

DevExpress でのラベル（ASPxLabel）の上下枠線削除設定のサンプルです。

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

真ん中のラベルの上下枠線が重複して太く見えます。
今回は、この重複部分を削除します。

＜ラベルの上下枠線削除設定＞

・真ん中「ASPxLabel」の「Border」に対して「BorderColor=””」、「BorderStyle=”None”」の設定します。

・真ん中「ASPxLabel」の「BorderLeft」に対して「BorderColor=”#FF99FF”」、「BorderStyle=”Solid”」の設定します。

・真ん中「ASPxLabel」の「BorderRight」に対して「BorderColor=”#FF99FF”」、「BorderStyle=”Solid”」の設定します。

【サンプルプログラム】

<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 BorderColor="#FF99FF" 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">
            <Border BorderStyle="None" />
            <BorderLeft BorderColor="#FF99FF" BorderStyle="Solid" />
            <BorderRight BorderColor="#FF99FF" BorderStyle="Solid" />
        </dx:ASPxLabel>
        <br />
        <dx:ASPxLabel ID="ASPxLabel3" runat="server" Text="サンプル：ラベル" Height="50px" Theme="RedWine" Font-Bold="True" Font-Size="15pt" Width="300px">
            <Border BorderColor="#FF99FF" BorderStyle="Solid" />
        </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）の上下枠線削除設定が出来ました。

関連記事はこちら:

DevExpress の ASPxLabel（ラベル）とは DevExpress の「ASPxLabel（ラベル）」は文字列を表示するオブジェクトコントロールです。一番使用されるオブジェクトコントロールで、基本「Microsoft Visual Studio」の「Label」 ......
DevExpress でのラベルのエンコード禁止設定 DevExpress でのラベル（ASPxLabel）のエンコード禁止設定のサンプルです。現状の画面デザインはこのようになっています。注意：今回の設定ではデザインは変わりません。＜ラベルのエンコード禁止設定＞・上 ......
DevExpress でのラベルの枠線太さ設定 DevExpress でのラベル（ASPxLabel）の枠線太さ設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルの枠線太さ設定＞・上下「ASPxLabel」の「Border」に対して「Bor ......
DevExpress でのラベルの枠線色設定 DevExpress でのラベル（ASPxLabel）の枠線色設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルの枠線色設定＞・「ASPxLabel」の「Border」に対して「BorderC ......
DevExpress でのラベルの枠線タイプ設定 DevExpress でのラベル（ASPxLabel）の枠線タイプ設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルの枠線タイプ設定＞・「ASPxLabel」の「Border」に対して「Bor ......
DevExpress でのラベルのフォント設定 DevExpress でのラベル（ASPxLabel）のフォント設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルのフォント設定＞・「ASPxLabel」に対して「Font-Bold=R ......
DevExpress でのラベルの高さ設定 DevExpress でのラベル（ASPxLabel）の高さ設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルの高さ設定＞・「ASPxLabel」に対して「Height=”50px ......
DevExpress でのラベルのテキスト設定 DevExpress でのラベル（ASPxLabel）のテキスト設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルのテキスト設定＞・「ASPxLabel」のコンテキストメニューから「Text」 ......
DevExpress でのラベルのテーマ設定 DevExpress でのラベル（ASPxLabel）のテーマ設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルのテーマ設定＞・「ASPxLabel」のコンテキストメニューから「Theme」を ......
DevExpress でのラベルの改行設定（其一） DevExpress でのラベル（ASPxLabel）の改行設定のサンプルです。現状の画面デザインはこのようになっています。今回は改行コードを設定して改行させます。事前に「エンコード禁止設定」が必要です。設定方法 ......

投稿タグ: ASPxLabel

MENU

最近の投稿

人気記事