DevExpress でのラベル（ASPxLabel）のサンプル作成

DevExpress でのラベル（ASPxLabel）のサンプル作成（Visual Studio 2019）手順です。

＜ラベル（ASPxLabel）のサンプル作成（Visual Studio 2019）＞

・Visual Studio 2019 を起動し、「新しいプロジェクトの作成」を選択します。

・プロジェクト作成のため、「Visual Basic」、「Windows」、「Web」から「ASP.NET Web アプリケーション（.NET Framework）」を選択します。
※DB接続しないため、「DevExpress v19.2 Template Gallery」は不要

・プロジェクト内容を入力し、「作成」ボタンをクリックします。

・「空」を選択し、「作成」ボタンをクリックします。

↓

・コンテキストメニューから「追加」→「新しい項目」を選択します。

・「Visual Basic」→「Web」から「Web フォーム」を選択し、「追加」ボタンをクリックします。

↓

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

・改行のため「<br />」を追記します。

・同じように2個の「ASPxLabel」を配置します。

・「デザイン」を選択します。

↓

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="ASPxLabel"></dx:ASPxLabel>
        <br />
        <dx:ASPxLabel ID="ASPxLabel2" runat="server" Text="ASPxLabel"></dx:ASPxLabel>
        <br />
        <dx:ASPxLabel ID="ASPxLabel3" runat="server" Text="ASPxLabel"></dx:ASPxLabel>
    </div>
</form>

<div>

<dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="ASPxLabel"></dx:ASPxLabel>

<br />

<dx:ASPxLabel ID="ASPxLabel2" runat="server" Text="ASPxLabel"></dx:ASPxLabel>

<br />

<dx:ASPxLabel ID="ASPxLabel3" runat="server" Text="ASPxLabel"></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）の上下枠線削除設定のサンプルです。現状の画面デザインはこのようになっています。真ん中のラベルの上下枠線が重複して太く見えます。今回は、この重複部分を削除します。 ......
DevExpress でのラベルの枠線色設定 DevExpress でのラベル（ASPxLabel）の枠線色設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルの枠線色設定＞・「ASPxLabel」の「Border」に対して「BorderC ......
DevExpress でのラベルの幅設定 DevExpress でのラベル（ASPxLabel）の幅設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルの幅設定＞・「ASPxLabel」に対して「Width=”100px&# ......
DevExpress でのラベルのフォント設定 DevExpress でのラベル（ASPxLabel）のフォント設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルのフォント設定＞・「ASPxLabel」に対して「Font-Bold=R ......
DevExpress でのラベルの高さ設定 DevExpress でのラベル（ASPxLabel）の高さ設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルの高さ設定＞・「ASPxLabel」に対して「Height=”50px ......
DevExpress でのラベルのテキスト設定 DevExpress でのラベル（ASPxLabel）のテキスト設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルのテキスト設定＞・「ASPxLabel」のコンテキストメニューから「Text」 ......
DevExpress でのラベルの改行設定（其一） DevExpress でのラベル（ASPxLabel）の改行設定のサンプルです。現状の画面デザインはこのようになっています。今回は改行コードを設定して改行させます。事前に「エンコード禁止設定」が必要です。設定方法 ......

投稿タグ: ASPxLabel

MENU

最近の投稿

人気記事