<%@ Page Title="Timetable Tutorial Demo" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="DayPilot" Namespace="DayPilot.Web.Ui" TagPrefix="DayPilot" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <link href='Themes/areas.css' rel="stylesheet" type="text/css" />
    <script src="Scripts/DayPilot/daypilot-modal.min.js"></script>
    <script src="Scripts/DayPilot/event_handling.js"></script>
    <style>
        body .calendar_default_rowheader_inner {
            padding-right: 20px;
            font-size: 18px;
        }
    </style>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    
    <div style="display: flex">
        <div style="margin-right: 10px;">
            <DayPilot:DayPilotNavigator 
                ID="DayPilotNavigator1"
                runat="server"
                BoundDayPilotID="DayPilotCalendar1"
                ShowMonths="3"
                SelectMode="Week"
                CellHeight="30"
                CellWidth="30"
                TitleHeight="30"
            />
        </div>
        <div style="flex-grow: 1;">
            <DayPilot:DayPilotCalendar
                ID="DayPilotCalendar1" 
                runat="server" 
                ClientObjectName="dp"
                DataEndField="AssignmentEnd"
                DataStartField="AssignmentStart" 
                DataTextField="AssignmentNote" 
                DataValueField="AssignmentId" 

                HeaderHeight="30"
                HeaderDateFormat="D"
                CellDuration="60"
                CellHeight="80"
                DayBeginsHour="1"
                DayEndsHour="8"
                HeightSpec="Full"
                HourWidth="120"
                DurationBarVisible="false"
                OnBeforeTimeHeaderRender="DayPilotCalendar1_OnBeforeTimeHeaderRender"
                TimeRangeSelectedHandling="JavaScript"
                TimeRangeSelectedJavaScript="create(start, end, resource);"
                EventMoveHandling="CallBack"
                EventResizeHandling="CallBack"
                OnCommand="DayPilotCalendar1_OnCommand"
                EventClickHandling="JavaScript"
                EventClickJavaScript="edit(e)"
                ColumnMarginRight="0" 
                oneventmove="DayPilotCalendar1_EventMove" 
                oneventresize="DayPilotCalendar1_EventResize"
                MoveBy="Top" 
                onbeforeeventrender="DayPilotCalendar1_BeforeEventRender"
                EventDeleteHandling="CallBack"
                OnEventDelete="DayPilotCalendar1_OnEventDelete"
            />
        </div>
    </div>

</asp:Content>

