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

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

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

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

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

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

【生成PG】

<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <br />
    <div>
        <dx:ASPxButton ID="ASPxButton1" runat="server" Text="ボタン１" Theme="RedWine">
        </dx:ASPxButton>
        <dx:ASPxButton ID="ASPxButton2" runat="server" Text="ボタン２" Theme="RedWine">
        </dx:ASPxButton>
    </div>
    </form>
</body>

</head>

<body>

<br />

<div>

<dx:ASPxButton ID="ASPxButton1" runat="server" Text="ボタン１" Theme="RedWine">

</dx:ASPxButton>

<dx:ASPxButton ID="ASPxButton2" runat="server" Text="ボタン２" Theme="RedWine">

</dx:ASPxButton>

</div>

</form>

</body>

【Default】

【Aqua】

【BlackGlass】

【DevEx】

【Glass】

【iOS】

【Metropolis】

【MetropolisBlue】

【Moderno】

【Office2003Blue】

【Office2003Olive】

【Office2003Silver】

【Office2010Black】

【Office2010Blue】

【Office2010Silver】

【PlasticBlue】

【RedWine】

【SoftOrange】

【Youthful】

関連記事はこちら:

DevExpress の ASPxButton の処理実行確認設定 DevExpress　の処理実行確認設定のサンプルです。今回はエクセル出力の確認を行います。「ASPxButton」を使用します。現状の画面デザインはこのようになっています。ボタンクリックでエクセル出力します。 ......
DevExpress の ASPxPopupControl でのヘッダー再描画ボタン表示設定 DevExpress の ASPxPopupControl でのヘッダー再描画ボタン表示設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxPopupControl」オブジェクトのプロパティを変 ......
DevExpress の ASPxPopupControl での表示位置設定（縦） DevExpress の ASPxPopupControl での表示位置設定（縦）のサンプルです。今回は、表示位置設定（縦）を行い、画面中央表示にします。現状の画面デザインはこのようになっています。「ASPxPop ......
DevExpress の ASPxPopupControl でのヘッダー非表示設定 DevExpress の ASPxPopupControl でのヘッダー非表示設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxPopupControl」オブジェクトのプロパティを変更していき ......
DevExpress の ASPxPopupControl を非表示（プロパティ制御） DevExpress の ASPxPopupControl を非表示（プロパティ制御）のサンプルです。ポップアップを非表示（閉じる）方法としては3案あります。 1案目：JavaScript制御 2案目：プロパティ制御 ......
DevExpress の ASPxPopupControl を非表示（JavaScript制御） DevExpress の ASPxPopupControl を非表示（JavaScript制御）のサンプルです。ポップアップを非表示（閉じる）方法としては3案あります。 1案目：JavaScript制御 2案目：プロパ ......
DevExpress の ASPxButton から ASPxGridView の「更新キャンセル」実行設定 DevExpress のボタンからグリッドの「更新キャンセル」実行設定のサンプルです。事前の設定準備が必要ですので、先日の実施準備を行っておいて下さい。別画面でリンク表示設定する内容は3点です。 1点目：ボタンを配 ......
DevExpress の ASPxGridView のボタン一括選択（全アイテムの選択/解除） DevExpress　のボタン一括選択（全アイテムの選択/解除）のサンプルです。今回はボタンを用意して、ボタンクリックで全アイテムの「選択/解除」を行います。設定する内容は4点です。 1点目：ボタンを配置 2点目：ボ ......
DevExpress の ASPxButton のショートカット設定 DevExpress　のショートカット設定のサンプルです。今回はエクセル出力のショートカットを行います。「ASPxButton」を使用します。現状の画面デザインはこのようになっています。ボタンクリックでエクセル出 ......
DevExpress の ASPxPopupControl での初期表示サイズ設定 DevExpress の ASPxPopupControl での初期表示サイズ設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxPopupControl」オブジェクトのプロパティを変更していき ......

投稿タグ: ASPxButton

MENU

最近の投稿

人気記事