DevExpress の ASPxHyperLink のデザイン（テーマ一覧）

DevExpress　の ASPxHyperLink のデザイン（テーマ一覧）のサンプルです。

各オブジェクトのテーマ設定は見てみないと違いが分かりません。
今回はリンクのテーマ一覧を作成しました。

左リンクがアクティブ色で右リンクが通常色になっています。

＜デザイン（テーマ一覧）＞

「Theme=”RedWine”」の部分でテーマ設定を行います。
※テーマの設定手順は下記の過去のブログを参考して下さい。

【生成PG】

<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <dx:ASPxHyperLink ID="ASPxHyperLink1" runat="server" Text="リンク１" 
            Font-Size="XX-Large" NavigateUrl="javascript:void(0)" Theme="RedWine">
        </dx:ASPxHyperLink>
        <dx:ASPxHyperLink ID="ASPxHyperLink2" runat="server" Text="リンク２" 
            Font-Size="XX-Large" NavigateUrl="javascript:void(0)" Theme="RedWine">
        </dx:ASPxHyperLink>
    </div>
    </form>
</body>

</head>

<body>

<div>

<dx:ASPxHyperLink ID="ASPxHyperLink1" runat="server" Text="リンク１"

Font-Size="XX-Large" NavigateUrl="javascript:void(0)" Theme="RedWine">

</dx:ASPxHyperLink>

<dx:ASPxHyperLink ID="ASPxHyperLink2" runat="server" Text="リンク２"

Font-Size="XX-Large" NavigateUrl="javascript:void(0)" Theme="RedWine">

</dx:ASPxHyperLink>

</div>

</form>

</body>

【Default】

【Aqua】

【BlackGlass】

【DevEx】

【Glass】

【iOS】

【Metropolis】

【MetropolisBlue】

【Moderno】

【Office2003Blue】

【Office2003Olive】

【Office2003Silver】

【Office2010Black】

【Office2010Blue】

【Office2010Silver】

【PlasticBlue】

【RedWine】

【SoftOrange】

【Youthful】

関連記事はこちら:

DevExpress の ASPxHyperLink から ASPxGridView の「登録/更新/削除」実行設定 DevExpress のリンクからグリッドの「登録/更新/削除」実行設定のサンプルです。ボタンの場合は過去のブログに記載しています。別画面でリンク表示「ASPxGridView」、「ASPxHyperLink」を使 ......
DevExpress でのハイパーリンクの枠設定 DevExpress でのハイパーリンク（ASPxHyperLink）の枠設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクの枠設定＞・「ASPxHyperLink」の「Border」 ......
DevExpress でのハイパーリンクの遷移方法設定 DevExpress でのハイパーリンク（ASPxHyperLink）の遷移方法設定のサンプルです。現状の画面デザインはこのようになっています。 ↓ ＜ハイパーリンクの遷移方法設定＞・「ASPxHyperLink」に ......
DevExpress でのハイパーリンクの無効化設定 DevExpress でのハイパーリンク（ASPxHyperLink）の無効化設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクの無効化設定＞・「ASPxHyperLink」に対して「 ......
DevExpress でのハイパーリンクの非表示設定 DevExpress でのハイパーリンク（ASPxHyperLink）の非表示設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクの非表示設定＞・「ASPxHyperLink」に対して「 ......
DevExpress でのハイパーリンクの高さ設定 DevExpress でのハイパーリンク（ASPxHyperLink）の高さ設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクの高さ設定＞・「ASPxHyperLink」に対して「He ......
DevExpress でのハイパーリンクのテーマ設定 DevExpress でのハイパーリンク（ASPxHyperLink）のテーマ設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクのテーマ設定＞・「ASPxHyperLink」に対して「 ......
DevExpress でのハイパーリンクのフォント設定 DevExpress でのハイパーリンク（ASPxHyperLink）のフォント設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクのフォント設定＞・「ASPxHyperLink」に対し ......
DevExpress でのハイパーリンクのリンク先設定 DevExpress でのハイパーリンク（ASPxHyperLink）のリンク先設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクのリンク先設定＞・「ASPxHyperLink」に対し ......
DevExpress でのハイパーリンクのリンク押下取得設定（JavaScript） DevExpress でのハイパーリンク（ASPxHyperLink）のリンク押下取得設定（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクのリンク押下取得設定（Ja ......

投稿タグ: ASPxHyperLink

MENU

最近の投稿

人気記事