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.

 

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

 

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

 

<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