DevExpress でのラベル（ASPxLabel）の改行設定のサンプルです。
現状の画面デザインはこのようになっています。
今回は改行コードを設定して改行させます。
事前に「エンコード禁止設定」が必要です。
設定方法は過去ブログの「DevExpress でのラベルのエンコード禁止設定」を参照して下さい。
＜ラベルの改行設定＞
・上「ASPxLabel」に対して「<br />」を追加した「Text=”アキュラ：<br />ラベル”」を設定します。
・真ん中「ASPxLabel」に対しても「<br />」を追加した「Text=”AQUREX：<br />ラベル”」を設定します。
【サンプルプログラム】
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<form id="form1" runat="server"> <div> <dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="アキュラ：<br />ラベル" 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：<br />ラベル" 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> |
それでは、実行して動作確認を行います。
↓
※上「ASPxLabel」は「エンコード禁止設定」が有効なので、改行が出来ています。
※真ん中「ASPxLabel」は「エンコード禁止設定」が無効なので、改行コードが文字表示されます。
無事、ラベル（ASPxLabel）の改行設定が出来ました。
- 投稿タグ
- ASPxLabel
