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

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

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

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

「Theme=”RedWine”」の部分でテーマ設定を行います。

テーマの設定手順は、
過去ブログの「DevExpress のテーマ設定（デザイン）」を参照して下さい。

【自動生成PG】

<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <dx:ASPxDateEdit ID="ASPxDateEdit1" runat="server" Date="02/23/2016 13:50:00" 
            EditFormat="DateTime" EnableTheming="True" Theme="RedWine">
            <TimeSectionProperties Visible="True">
            </TimeSectionProperties>
            <ClearButton DisplayMode="Always">
            </ClearButton>
        </dx:ASPxDateEdit>
    </div>
    </form>
</body>

</head>

<body>

<div>

<dx:ASPxDateEdit ID="ASPxDateEdit1" runat="server" Date="02/23/2016 13:50:00"

EditFormat="DateTime" EnableTheming="True" Theme="RedWine">

</TimeSectionProperties>

</ClearButton>

</dx:ASPxDateEdit>

</div>

</form>

</body>

【Default】

【Aqua】

【BlackGlass】

【DevEx】

【Glass】

【iOS】

【Metropolis】

【MetropolisBlue】

【Moderno】

【Mulberry】

【Office2003Blue】

【Office2003Olive】

【Office2003Silver】

【Office2010Black】

【Office2010Blue】

【Office2010Silver】

【PlasticBlue】

【RedWine】

【SoftOrange】

【Youthful】

関連記事はこちら:

DevExpress の ASPxDateEdit での初期値設定 DevExpress の ASPxDateEdit での初期値設定のサンプルです。今回は、初期値として「2016/02/01」を設定します。現状の画面デザインはこのようになっています。 ※初期値は無しです。「ASP ......
DevExpress の ASPxDateEdit でのクリアボタンのタイトル設定（カレンダー部分） DevExpress の ASPxDateEdit でのクリアボタンのタイトル設定（カレンダー部分）のサンプルです。 DevExpress が自動で日本語に変換してくれますが、分かりやすい日本語に設定します。 ※今回の ......
DevExpress の ASPxDateEdit での週数非表示設定（カレンダー部分） DevExpress の ASPxDateEdit での週数非表示設定（カレンダー部分）のサンプルです。現状の画面デザインはこのようになっています。「ASPxDateEdit」オブジェクトのプロパティを変更していきま ......
DevExpress の ASPxDateEdit での時計のヘルプメッセージのフォント設定 DevExpress の ASPxDateEdit での時計のヘルプメッセージのフォント設定のサンプルです。「ASPxDateEdit」オブジェクトのプロパティを変更していきます。 ※プロパティ画像は「グループ表示」 ......
DevExpress の ASPxDateEdit での時計のキャンセルボタン非表示設定 DevExpress の ASPxDateEdit での時計のキャンセルボタン非表示設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxDateEdit」オブジェクトのプロパティを変更していきま ......
DevExpress の ASPxDateEdit でのドロップダウンアイコン位置設定 DevExpress の ASPxDateEdit でのドロップダウンアイコン位置設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxDateEdit」オブジェクトのプロパティを変更していきます ......
DevExpress の ASPxDateEdit での編集フォーマット設定（定義済み） DevExpress の ASPxDateEdit での編集フォーマット設定（定義済み）のサンプルです。現状の画面デザインはこのようになっています。表示フォーマットは設定しましたが、編集フォーマットは未設定ですので ......
DevExpress の ASPxDateEdit でのヘルプメッセージのフォント変更 DevExpress の ASPxDateEdit でのヘルプメッセージのフォント変更のサンプルです。現状の画面デザインはこのようになっています。「ASPxDateEdit」オブジェクトのプロパティを変更していきます ......
DevExpress の ASPxDateEdit でのタイトル位置設定（横） DevExpress の ASPxDateEdit でのタイトル位置設定（横）のサンプルです。現状の画面デザインはこのようになっています。「ASPxDateEdit」オブジェクトのプロパティを変更していきます。 ※プ ......
DevExpress の ASPxDateEdit での日付取得（カレンダー部分）（JavaScript） DevExpress の ASPxDateEdit での日付取得（カレンダー部分）（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。「ASPxDateEdit」オブジェクトのプロパテ ......

投稿タグ: ASPxDateEdit

MENU

最近の投稿

人気記事