DevExpress でのハイパーリンクのフォント設定

DevExpress でのハイパーリンク（ASPxHyperLink）のフォント設定のサンプルです。

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

＜ハイパーリンクのフォント設定＞

・「ASPxHyperLink」に対して「Font-Bold=”True”」の設定をします。

・「ASPxHyperLink」に対して「Font-Size=”Larger”」の設定をします。

・残りの「ASPxHyperLink」に対しても設定します。

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxHyperLink ID="ASPxHyperLink1" runat="server" Text="アキュラホームページ" Font-Bold="True" Font-Size="Larger" NavigateUrl="http://aqurex.jp/">
        </dx:ASPxHyperLink>
        <br />
        <dx:ASPxHyperLink ID="ASPxHyperLink2" runat="server" Text="アキュラのブログ（ASPxGridView）" Font-Bold="True" Font-Size="Larger" NavigateUrl="http://aqurex.jp/tag/aspxgridview/">
        </dx:ASPxHyperLink>
        <br />
        <dx:ASPxHyperLink ID="ASPxHyperLink3" runat="server" Text="アキュラのブログ（ASPxComboBox）" Font-Bold="True" Font-Size="Larger" NavigateUrl="http://aqurex.jp/tag/aspxcombobox/">
        </dx:ASPxHyperLink>
    </div>
</form>

<div>

<dx:ASPxHyperLink ID="ASPxHyperLink1" runat="server" Text="アキュラホームページ" Font-Bold="True" Font-Size="Larger" NavigateUrl="http://aqurex.jp/">

</dx:ASPxHyperLink>

<br />

<dx:ASPxHyperLink ID="ASPxHyperLink2" runat="server" Text="アキュラのブログ（ASPxGridView）" Font-Bold="True" Font-Size="Larger" NavigateUrl="http://aqurex.jp/tag/aspxgridview/">

</dx:ASPxHyperLink>

<br />

<dx:ASPxHyperLink ID="ASPxHyperLink3" runat="server" Text="アキュラのブログ（ASPxComboBox）" Font-Bold="True" Font-Size="Larger" NavigateUrl="http://aqurex.jp/tag/aspxcombobox/">

</dx:ASPxHyperLink>

</div>

</form>

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

↓

無事にハイパーリンク（ASPxHyperLink）のフォント設定が出来ました。

関連記事はこちら:

DevExpress の ASPxHyperLink から ASPxGridView の「登録/更新/削除」実行設定 DevExpress のリンクからグリッドの「登録/更新/削除」実行設定のサンプルです。ボタンの場合は過去のブログに記載しています。別画面でリンク表示「ASPxGridView」、「ASPxHyperLink」を使 ......
DevExpress でのハイパーリンクの枠幅設定 DevExpress でのハイパーリンク（ASPxHyperLink）の枠幅設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクの枠幅設定＞・「ASPxHyperLink」の「Borde ......
DevExpress でのハイパーリンクの枠設定 DevExpress でのハイパーリンク（ASPxHyperLink）の枠設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクの枠設定＞・「ASPxHyperLink」の「Border」 ......
DevExpress でのハイパーリンクの遷移方法設定 DevExpress でのハイパーリンク（ASPxHyperLink）の遷移方法設定のサンプルです。現状の画面デザインはこのようになっています。 ↓ ＜ハイパーリンクの遷移方法設定＞・「ASPxHyperLink」に ......
DevExpress でのハイパーリンクの幅設定 DevExpress でのハイパーリンク（ASPxHyperLink）の幅設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクの幅設定＞・「ASPxHyperLink」に対して「Widt ......
DevExpress でのハイパーリンクの高さ設定 DevExpress でのハイパーリンク（ASPxHyperLink）の高さ設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクの高さ設定＞・「ASPxHyperLink」に対して「He ......
DevExpress でのハイパーリンクのテーマ設定 DevExpress でのハイパーリンク（ASPxHyperLink）のテーマ設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクのテーマ設定＞・「ASPxHyperLink」に対して「 ......
DevExpress でのハイパーリンクのリンク先設定 DevExpress でのハイパーリンク（ASPxHyperLink）のリンク先設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクのリンク先設定＞・「ASPxHyperLink」に対し ......
DevExpress の ASPxHyperLink のデザイン（テーマ一覧） DevExpress　の ASPxHyperLink のデザイン（テーマ一覧）のサンプルです。各オブジェクトのテーマ設定は見てみないと違いが分かりません。今回はリンクのテーマ一覧を作成しました。左リンクがアクティブ ......
DevExpress でのハイパーリンクの枠色設定 DevExpress でのハイパーリンク（ASPxHyperLink）の枠色設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクの枠色設定＞・「ASPxHyperLink」の「Borde ......

投稿タグ: ASPxHyperLink

MENU

最近の投稿

人気記事