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.

You can specify the reported time interval in days, the time scale, and the number of resources displayed in a column allocated for one day.

Appointments outside the visible time of day can be printed in the extra cells which are located below the scheduling area. Check the “Print All Appointments” checkbox to accomplish this.

Use the Document Viewer control bar to navigate pages, print the report and export it to common formats.

<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">
    <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.

You can specify the reported time interval in days, and the number of resources displayed in a column allocated for one week. A week can be fitted into a single page to save space, or extended to several pages, providing more detailed view.

Use the Document Viewer control bar to navigate pages, print the report and export it to common formats.

<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">
    <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.

You can specify the number of resources per page. A month can be fitted into a single page to save space, or extended to several pages providing more detailed view.

Other options include hiding weekends or printing them compressed, so two days occupy a single cell. Also, you can enhance the layout by placing exactly one month on a page, hiding the appointments scheduled outside the current month.

Use the Document Viewer control bar to navigate pages, print the report and export it to common formats.

<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">
    <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