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)
800
 
900
 
1000
 
1100
 
12PM
 
100
 
200
 
300
 
400
 
500
 
600
 
700
 

<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)
Show more
 

<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)
Show more
 

<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
Client-Side API