DevExpress の ASPxCalendar でのタイトルのフォント変更

DevExpress の ASPxCalendar でのタイトルのフォント変更のサンプルです。

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

「ASPxCalendar」オブジェクトのプロパティを変更していきます。
※プロパティ画像は「グループ表示」

＜タイトルのフォント変更＞

「Font-Bold=”True”」、「Font-Size=”Medium”」に変更します。

【生成PG】

<form id="form1" runat="server">
<div>
    <dx:ASPxCalendar ID="ASPxCalendar1" runat="server" Theme="RedWine" 
        DayNameFormat="Full" HighlightToday="False" SelectedDate="2016-01-01" 
        ShowWeekNumbers="False" ClearButtonText="選択解除" TodayButtonText="本日選択" 
        Caption="日付選択" Font-Bold="False">
        <CaptionSettings HorizontalAlign="Center" Position="Top" />
        <CaptionStyle Font-Bold="True" Font-Size="Medium">
        </CaptionStyle>
    </dx:ASPxCalendar>
</div>
</form>

<div>

<dx:ASPxCalendar ID="ASPxCalendar1" runat="server" Theme="RedWine"

DayNameFormat="Full" HighlightToday="False" SelectedDate="2016-01-01"

ShowWeekNumbers="False" ClearButtonText="選択解除" TodayButtonText="本日選択"

Caption="日付選択" Font-Bold="False">

</CaptionStyle>

</dx:ASPxCalendar>

</div>

</form>

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

↓

無事にカレンダー（ASPxCalendar）のタイトルのフォントが変更されました。

関連記事はこちら:

DevExpress の ASPxCalendar でのデザイン（テーマ一覧） DevExpress の ASPxCalendar でのデザイン（テーマ一覧）のサンプルです。各オブジェクトのテーマ設定は見てみないと違いが分かりません。今回はカレンダーのテーマ一覧を作成しました。＜デザイン（テー ......
DevExpress の ASPxCalendar での単数選択の日付取得（JavaScript） DevExpress の ASPxCalendar での単数選択の日付取得（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。「ASPxCalendar」オブジェクトのプロパティを変更 ......
DevExpress の ASPxCalendar での特定の日を選択不可設定（JavaScript） DevExpress の ASPxCalendar での特定の日を選択不可設定（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。「ASPxCalendar」オブジェクトのプロパティを ......
DevExpress の ASPxCalendar での年操作無効設定 DevExpress の ASPxCalendar での年操作無効設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxCalendar」オブジェクトのプロパティを変更していきます。 ※プロパティ ......
DevExpress の ASPxCalendar での初期表示設定 DevExpress の ASPxCalendar での初期表示設定のサンプルです。今回は、初期表示として「2016/02」を設定します。現状の画面デザインはこのようになっています。 ※デフォルトはシステム月を表示 ......
DevExpress の ASPxCalendar でのタイトル部分の「：（コロン）」非表示設定 DevExpress の ASPxCalendar でのタイトル部分の「：（コロン）」非表示設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxCalendar」オブジェクトのプロパティを変更し ......
DevExpress の ASPxCalendar での本日ボタンのタイトル設定 DevExpress の ASPxCalendar での本日ボタンのタイトル設定のサンプルです。 DevExpress が自動で日本語に変換してくれますが、分かりやすい日本語に設定します。 ※今回の日本語自動変換は、単 ......
DevExpress の ASPxCalendar でのクリアボタン非表示設定 DevExpress の ASPxCalendar でのクリアボタン非表示設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxCalendar」オブジェクトのプロパティを変更していきます。 ※プ ......
DevExpress の ASPxCalendar での初期値選択設定 DevExpress の ASPxCalendar での初期値選択設定のサンプルです。今回は、初期値選択として「2016/01/01」を設定します。現状の画面デザインはこのようになっています。 ※初期値の選択は無しで ......
DevExpress の ASPxCalendar での複数選択の日付取得（JavaScript） DevExpress の ASPxCalendar での複数選択の日付取得（JavaScript）のサンプルです。複数選択は事前に有効にする必要があります。有効にする場合は、過去ブログの「DevExpress の A ......

投稿タグ: ASPxCalendar

MENU

最近の投稿

人気記事