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

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

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

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

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

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

【サンプルプログラム】

<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <dx:ASPxTimeEdit ID="ASPxTimeEdit1" runat="server" 
            DateTime="03/31/2016 15:52:35" DisplayFormatString="HH:mm:ss" 
            EditFormat="Custom" EditFormatString="HH:mm:ss" Theme="Default">
            <ClearButton DisplayMode="Always">
            </ClearButton>
        </dx:ASPxTimeEdit> 
    </div>
    </form>
</body>

</head>

<body>

<div>

<dx:ASPxTimeEdit ID="ASPxTimeEdit1" runat="server"

DateTime="03/31/2016 15:52:35" DisplayFormatString="HH:mm:ss"

EditFormat="Custom" EditFormatString="HH:mm:ss" Theme="Default">

</ClearButton>

</dx:ASPxTimeEdit>

</div>

</form>

</body>

【Default】

【Aqua】

【BlackGlass】

【DevEx】

【Glass】

【iOS】

【Metropolis】

【MetropolisBlue】

【Moderno】

【Mulberry】

【Office2003Blue】

【Office2003Olive】

【Office2003Silver】

【Office2010Black】

【Office2010Blue】

【Office2010Silver】

【PlasticBlue】

【RedWine】

【SoftOrange】

【Youthful】

関連記事はこちら:

DevExpress のサンプル作成（ASPxTimeEdit） DevExpress のサンプル作成（ASPxTimeEdit）手順です。サンプル作成までの手順は2点です。・プロジェクト作成・時間エディット生成（ASPxTimeEdit）では、手順を説明していきます。＜サン ......
DevExpress の ASPxTimeEdit での日付、時間表示設定 DevExpress の ASPxTimeEdit での日付、時間表示設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxTimeEdit」オブジェクトのプロパティを変更していきます。 ※プロパ ......
DevExpress の ASPxTimeEdit での編集フォーマット設定（ユーザー定義） DevExpress の ASPxTimeEdit での編集フォーマット設定（ユーザー定義）のサンプルです。現状の画面デザインはこのようになっています。表示フォーマットは設定しましたが、編集フォーマットは未設定です ......
DevExpress の ASPxTimeEdit での編集フォーマット設定（定義済み） DevExpress の ASPxTimeEdit での編集フォーマット設定（定義済み）のサンプルです。現状の画面デザインはこのようになっています。表示フォーマットは設定しましたが、編集フォーマットは未設定ですので ......
DevExpress の ASPxTimeEdit でのヘルプメッセージの文字色設定 DevExpress の ASPxTimeEdit でのヘルプメッセージの文字色設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxTimeEdit」オブジェクトのプロパティを変更していきます。 ......
DevExpress の ASPxTimeEdit でのヘルプメッセージのフォント設定 DevExpress の ASPxTimeEdit でのヘルプメッセージのフォント設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxTimeEdit」オブジェクトのプロパティを変更していきます ......
DevExpress の ASPxTimeEdit でのタイトルフォント設定 DevExpress の ASPxTimeEdit でのタイトルフォント設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxTimeEdit」オブジェクトのプロパティを変更していきます。 ※プロ ......
DevExpress の ASPxTimeEdit でのタイトル位置設定（横） DevExpress の ASPxTimeEdit でのタイトル位置設定（横）のサンプルです。現状の画面デザインはこのようになっています。「ASPxTimeEdit」オブジェクトのプロパティを変更していきます。 ※プ ......
DevExpress の ASPxTimeEdit での初期値設定 DevExpress の ASPxTimeEdit での初期値設定のサンプルです。今回は、初期値として「2016/05/20 11:15」を設定します。現状の画面デザインはこのようになっています。 ※初期値は無しです ......
DevExpress の ASPxTimeEdit のまとめ DevExpress の ASPxTimeEdit のまとめです。「ASPxTimeEdit」は、日付入力の場合必須と思います。ベースはテキストボックスですので、直接入力が可能です。また、スピンドルボタンでも変更可 ......

投稿タグ: ASPxTimeEdit

MENU

最近の投稿

人気記事