Daily Style

This demo illustrates how to create a report which corresponds to the Day View of the Bootstrap Scheduler, and mimics the Daily print style. For more information, refer to Reporting.

Lincoln Bartlett (Therapy)
Amelia Harper (Therapy)
Monday, October 10Tuesday, October 11Monday, October 10Tuesday, October 11
800
 
900
 
1000
 
1100
 
12PM
 
100
 
200
 
300
 
400
 
500
 
600
 
700
Andrew Glover (Hospital)
Contact info: (65) 965-4016
Mark Oliver (Hospital)
Contact info: (46) 683-6484
Taylor Riley (Home)
Contact info: (41) 671-9633
Follow-up Medical Checkup
Brad Farkus (Home)
Contact info: (23) 483-9348
Bart Arnaz (Phone Consultation)
Contact info: (11) 211-4115
Arnie Schwartz (Hospital)
Contact info: (65) 353-4435
Addison Davis (Hospital)
Contact info: (92) 491-6541
Benjamin Hughes (Phone Consultation)
Contact info: (28) 887-8313
Lucas Smith (Home)
Contact info: (25) 881-5071
Billy Zimmer (Hospital)
Contact info: (17) 668-6166
Samantha Piper (Hospital)
Contact info: (66) 115-7496
Follow-up Medical Checkup
Maggie Boxter (Home)
Contact info: (31) 896-2990
 

<dx:BootstrapButton runat="server" Text="Show report" AutoPostBack="False">
    <ClientSideEvents Click="function(s, e) {
        popupControlDailyStyle.Show();
        popupControlDailyStyle.PerformCallback();
    }" />
</dx:BootstrapButton>
<dx:BootstrapScheduler ID="SchedulerDailyStyle" runat="server" ActiveViewType="Day" GroupType="Resource"
    AppointmentDataSourceID="AppointmentDataSource" ResourceDataSourceID="efResourceDataSource">
    <OptionsAppearance UseResourceColorSchemas="true" DefaultAppointmentColorsMode="Internal"></OptionsAppearance>
    <OptionsResourceNavigator>
        <SettingsPager EnableIncreaseDecrease="false" />
    </OptionsResourceNavigator>
    <Views>
        <DayView DayCount="2" ResourcesPerPage="2">
        </DayView>
        <WorkWeekView ResourcesPerPage="1">
        </WorkWeekView>
        <WeekView Enabled="true" ResourcesPerPage="1">
        </WeekView>
        <MonthView Enabled="true" ResourcesPerPage="1">
        </MonthView>
        <TimelineView Enabled="false">
        </TimelineView>
        <AgendaView Enabled="false">
        </AgendaView>
    </Views>
</dx:BootstrapScheduler>
 <dx:BootstrapPopupControl ID="PopupControlDailyStyle" runat="server" ClientInstanceName="popupControlDailyStyle"
    HeaderText="Print Preview" OnCallback="PopupControlDailyStyle_Callback">
    <SettingsBootstrap Sizing="Large" />
    <SettingsAdaptivity Mode="Always" />
    <ContentCollection>
        <dx:ContentControl runat="server">
        </dx:ContentControl>
    </ContentCollection>
</dx:BootstrapPopupControl>
<dx:ASPxSchedulerControlPrintAdapter ID="SchedulerPrintAdapterDailyStyle" runat="server" ClientIDMode="AutoID"
    SchedulerControlID="SchedulerDailyStyle">
</dx:ASPxSchedulerControlPrintAdapter>
protected void PopupControlDailyStyle_Callback(object sender, CallbackEventArgsBase e) {
    var reportPreview = (ReportPreview)Page.LoadControl("UserControls/ReportPreview.ascx");
    reportPreview.Report = CreateDailyStyleReport(SchedulerDailyStyle.ActiveView);
    PopupControlDailyStyle.Controls.Clear();
    PopupControlDailyStyle.Controls.Add(reportPreview);
}
protected DevExpress.XtraScheduler.Reporting.XtraSchedulerReport CreateDailyStyleReport(DevExpress.Web.ASPxScheduler.SchedulerViewBase view) {
    SchedulerPrintAdapterDailyStyle.TimeInterval = view.GetVisibleIntervals().Interval;
    var dayView = view as DevExpress.Web.ASPxScheduler.DayView;
    if(dayView != null)
        SchedulerPrintAdapterDailyStyle.WorkTime = dayView.WorkTime;
    var report = new DailyStyleReport();
    report.SchedulerAdapter = SchedulerPrintAdapterDailyStyle.SchedulerAdapter;
    report.PrintAllAppointments = true;
    return report;
}
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ReportPreview.ascx.cs" Inherits="ReportPreview" %>
<dx:ASPxWebDocumentViewer ID="DocumentViewer" runat="server" ClientInstanceName="clientReportViewer">
</dx:ASPxWebDocumentViewer>
using System;
using DevExpress.XtraScheduler.Reporting;
public partial class ReportPreview : System.Web.UI.UserControl {
    public XtraSchedulerReport Report { get; set; }
    protected void Page_Init(object sender, EventArgs e) {
        Report.CreateDocument();
        DocumentViewer.OpenReport(Report);
    }
}

Weekly Style

This demo illustrates how to create a report which corresponds to the Week View of the Bootstrap Scheduler and mimics the Weekly Top to Bottom print style. For more information, refer to Reporting.

Lincoln Bartlett (Therapy)
Monday, October 10Thursday, October 13
Tuesday, October 11Friday, October 14
Wednesday, October 12Saturday, October 15
Sunday, October 16
 

<dx:BootstrapButton runat="server" Text="Show report" AutoPostBack="False">
    <ClientSideEvents Click="function(s, e) {
        popupControlWeeklyStyle.Show();
        popupControlWeeklyStyle.PerformCallback();
    }" />
</dx:BootstrapButton>
<dx:BootstrapScheduler ID="SchedulerWeeklyStyle" runat="server" ActiveViewType="Week" GroupType="Resource"
    AppointmentDataSourceID="AppointmentDataSource" ResourceDataSourceID="efResourceDataSource">
    <OptionsAppearance UseResourceColorSchemas="true" DefaultAppointmentColorsMode="Internal"></OptionsAppearance>
    <OptionsResourceNavigator>
        <SettingsPager EnableIncreaseDecrease="false" />
    </OptionsResourceNavigator>
    <Views>
        <DayView Enabled="false">
        </DayView>
        <WorkWeekView Enabled="false">
        </WorkWeekView>
        <WeekView Enabled="true" ResourcesPerPage="1">
        </WeekView>
        <MonthView Enabled="true" ResourcesPerPage="1">
        </MonthView>
        <TimelineView Enabled="false">
        </TimelineView>
        <AgendaView Enabled="false">
        </AgendaView>
    </Views>
</dx:BootstrapScheduler>
 <dx:BootstrapPopupControl ID="PopupControlWeeklyStyle" runat="server" ClientInstanceName="popupControlWeeklyStyle"
    HeaderText="Print Preview" OnCallback="PopupControlWeeklyStyle_Callback">
    <SettingsBootstrap Sizing="Large" />
    <SettingsAdaptivity Mode="Always" />
    <ContentCollection>
        <dx:ContentControl runat="server">
        </dx:ContentControl>
    </ContentCollection>
</dx:BootstrapPopupControl>
<dx:ASPxSchedulerControlPrintAdapter ID="SchedulerPrintAdapterWeeklyStyle" runat="server" ClientIDMode="AutoID"
    SchedulerControlID="SchedulerWeeklyStyle">
</dx:ASPxSchedulerControlPrintAdapter>
protected void PopupControlWeeklyStyle_Callback(object sender, CallbackEventArgsBase e) {
    var reportPreview = (ReportPreview)Page.LoadControl("UserControls/ReportPreview.ascx");
    reportPreview.Report = CreateWeeklyStyleReport(SchedulerWeeklyStyle.ActiveView);
    PopupControlWeeklyStyle.Controls.Clear();
    PopupControlWeeklyStyle.Controls.Add(reportPreview);
}
protected DevExpress.XtraScheduler.Reporting.XtraSchedulerReport CreateWeeklyStyleReport(DevExpress.Web.ASPxScheduler.SchedulerViewBase view) {
    SchedulerPrintAdapterWeeklyStyle.TimeInterval = view.GetVisibleIntervals().Interval;
    var report = new WeeklyStyleReport();
    report.SchedulerAdapter = SchedulerPrintAdapterWeeklyStyle.SchedulerAdapter;
    return report;
}
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ReportPreview.ascx.cs" Inherits="ReportPreview" %>
<dx:ASPxWebDocumentViewer ID="DocumentViewer" runat="server" ClientInstanceName="clientReportViewer">
</dx:ASPxWebDocumentViewer>
using System;
using DevExpress.XtraScheduler.Reporting;
public partial class ReportPreview : System.Web.UI.UserControl {
    public XtraSchedulerReport Report { get; set; }
    protected void Page_Init(object sender, EventArgs e) {
        Report.CreateDocument();
        DocumentViewer.OpenReport(Report);
    }
}

Monthly Style

This demo illustrates how to create a report which corresponds to the Month View of the Scheduler and mimics the Monthly print style. For more information, refer to Reporting.

Lincoln Bartlett (Therapy)
SundayMondayTuesdayWednesdayThursdayFridaySaturday
October 9101112131415
16171819202122
23242526272829
3031November 12345
6789101112
Show more
9:00 AM11:00 AM
Andrew Glover (Hospital)
12:00 PM1:30 PM
Mark Oliver (Hospital)
2:00 PM3:30 PM
Taylor Riley (Home)
4:00 PM6:00 PM
Follow-up Medical Checkup
9:00 AM11:00 AM
Brad Farkus (Home)
11:30 AM12:30 PM
Bart Arnaz (Phone Consultation)
1:30 PM3:00 PM
Arnie Schwartz (Hospital)
9:30 AM11:30 AM
John Heart (Home)
12:00 PM1:30 PM
Arthur Miller (Hospital)
2:00 PM3:30 PM
Robert Reagan (Hospital)
4:00 PM6:00 PM
Follow-up Medical Checkup
4:00 PM6:00 PM
Follow-up Medical Checkup
9:00 AM11:00 AM
Brad Farkus (Home)
4:00 PM6:00 PM
Follow-up Medical Checkup
10:00 AM11:30 AM
Arthur Miller (Hospital)
1:30 PM3:00 PM
Arnie Schwartz (Hospital)
9:00 AM11:00 AM
Andrew Glover (Hospital)
4:00 PM6:00 PM
Follow-up Medical Checkup
12:00 PM1:30 PM
Mark Oliver (Hospital)
4:00 PM6:00 PM
Follow-up Medical Checkup
4:00 PM6:00 PM
Follow-up Medical Checkup
4:00 PM6:00 PM
Follow-up Medical Checkup
4:00 PM6:00 PM
Follow-up Medical Checkup
4:00 PM6:00 PM
Follow-up Medical Checkup
4:00 PM6:00 PM
Follow-up Medical Checkup
4:00 PM6:00 PM
Follow-up Medical Checkup
4:00 PM6:00 PM
Follow-up Medical Checkup
4:00 PM6:00 PM
Follow-up Medical Checkup
4:00 PM6:00 PM
Follow-up Medical Checkup
 

<dx:BootstrapButton runat="server" Text="Show report" AutoPostBack="False">
    <ClientSideEvents Click="function(s, e) {
        popupControlMonthlyStyle.Show();
        popupControlMonthlyStyle.PerformCallback();
    }" />
</dx:BootstrapButton>
<dx:BootstrapScheduler ID="SchedulerMonthlyStyle" runat="server" ActiveViewType="Month" GroupType="Resource"
    AppointmentDataSourceID="AppointmentDataSource" ResourceDataSourceID="efResourceDataSource">
    <OptionsAppearance UseResourceColorSchemas="true" DefaultAppointmentColorsMode="Internal"></OptionsAppearance>
    <OptionsResourceNavigator>
        <SettingsPager EnableIncreaseDecrease="false" />
    </OptionsResourceNavigator>
    <OptionsBehavior ShowViewSelector="false" />
    <Views>
        <DayView Enabled="false">
        </DayView>
        <WorkWeekView Enabled="false">
        </WorkWeekView>
        <WeekView Enabled="false">
        </WeekView>
        <MonthView Enabled="true" ResourcesPerPage="1">
        </MonthView>
        <TimelineView Enabled="false">
        </TimelineView>
        <AgendaView Enabled="false">
        </AgendaView>
    </Views>
</dx:BootstrapScheduler>
 <dx:BootstrapPopupControl ID="PopupControlMonthlyStyle" runat="server" ClientInstanceName="popupControlMonthlyStyle"
    HeaderText="Print Preview" OnCallback="PopupControlMonthlyStyle_Callback">
    <SettingsBootstrap Sizing="Large" />
    <SettingsAdaptivity Mode="Always" />
    <ContentCollection>
        <dx:ContentControl runat="server">
        </dx:ContentControl>
    </ContentCollection>
</dx:BootstrapPopupControl>
<dx:ASPxSchedulerControlPrintAdapter ID="SchedulerPrintAdapterMonthlyStyle" runat="server" ClientIDMode="AutoID"
    SchedulerControlID="SchedulerMonthlyStyle">
</dx:ASPxSchedulerControlPrintAdapter>
protected void PopupControlMonthlyStyle_Callback(object sender, CallbackEventArgsBase e) {
    var reportPreview = (ReportPreview)Page.LoadControl("UserControls/ReportPreview.ascx");
    reportPreview.Report = CreateMonthlyStyleReport(SchedulerMonthlyStyle.ActiveView);
    PopupControlMonthlyStyle.Controls.Clear();
    PopupControlMonthlyStyle.Controls.Add(reportPreview);
}
protected DevExpress.XtraScheduler.Reporting.XtraSchedulerReport CreateMonthlyStyleReport(DevExpress.Web.ASPxScheduler.SchedulerViewBase view) {
    SchedulerPrintAdapterMonthlyStyle.TimeInterval = view.GetVisibleIntervals().Interval;
    var report = new MonthlyStyleReport();
    report.SchedulerAdapter = SchedulerPrintAdapterMonthlyStyle.SchedulerAdapter;
    return report;
}
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ReportPreview.ascx.cs" Inherits="ReportPreview" %>
<dx:ASPxWebDocumentViewer ID="DocumentViewer" runat="server" ClientInstanceName="clientReportViewer">
</dx:ASPxWebDocumentViewer>
using System;
using DevExpress.XtraScheduler.Reporting;
public partial class ReportPreview : System.Web.UI.UserControl {
    public XtraSchedulerReport Report { get; set; }
    protected void Page_Init(object sender, EventArgs e) {
        Report.CreateDocument();
        DocumentViewer.OpenReport(Report);
    }
}
Screen Size
Color Themes
Demo QR Code
October – November, 2016
undefined