Tutorials

ASP.NET MVC 5 Gantt Chart

asp.net-mvc-gantt-chart-tutorial.png

  • ASP.NET MVC Gantt Chart Control
  • ASP.NET MVC 5
  • Drag and drop (task moving, task resizing, link creating, row moving)
  • Task hierarchy
  • Milestones
  • Adding new tasks using an inline edit box (new row)
  • Context menu for adding task children
  • Task duration in a special column
  • SQL Server 2014 database (LocalDB)
  • Visual Studio 2013 solution
  • C# project with source code
  • VB project with source code

ASP.NET MVC Hotel Room Booking (C#, VB)

asp.net-mvc-hotel-room-booking.png

  • ASP.NET MVC 5
  • ASP.NET MVC Scheduler control
  • Room status (ready, dirty, cleanup)
  • Reservation status (new, confirmed, arrived, checked out, expired)
  • Drag and drop reservation scheduling
  • Reservation editing using a modal dialog
  • Sample SQL Server database
  • C# and VB version

ASP.NET MVC 5 Timesheet (C#, VB, SQL Server)

asp.net-mvc-5-timesheet.png

This tutorials shows how to create a simple timesheet web application in ASP.NET MVC using DayPilot ASP.NET MVC scheduler control. The scheduler control supports a special timesheet view that displays one day per row.

  • Timesheet view (1 day per row)
  • Switching full day/business hours views
  • Employee filter using a drop-down list
  • Drag and drop event creating
  • Drag and drop event moving and resizing
  • Event editing using a modal dialog
  • Event text for recording details (like project name or job description)
  • Column with daily total (hours spent)
  • ASP.NET MVC 5
  • SQL Server sample database (LocalDB)
  • Visual Studio 2013 solution
  • C# source code
  • VB source code

ASP.NET MVC 5 Event Calendar (C#, VB, LINQ to SQL)

asp.net-mvc-5-event-calendar.png

  • ASP.NET MVC 5
  • Weekly event calendar
  • Drag and drop event creating
  • Drag and drop event moving
  • Drag and drop event resizing
  • Event deleting
  • Loading events from SQL Server database using LINQ to SQL

Gantt Chart (ASP.NET MVC, Razor, C#, VB.NET, SQL Server)

gantt-asp.net-mvc.png

  • Gantt chart (one task/event per row)
  • Event duration displayed in an additional header column
  • Drag and drop moving and resizing
  • Modal dialog for event editing
  • Highlighting weekends
  • ASP.NET MVC 4
  • Razor view engine
  • Visual Studio 2010 solution
  • C# project with source code
  • VB.NET project with source code
  • Sample Microsoft SQL Server database (2008)

Event Calendar with Day/Week/Month View (C#, VB.NET, SQL Server, ASP.NET MVC4, Razor)

event-calendar-asp.net-mvc-week.png

  • Shows a day/week/month view with a toolbar for view switching
  • Uses CalendarMonth, and Navigator controls
  • Drag and drop support
  • Event editing using a modal dialog
  • SQL Server
  • ASP.NET MVC 4
  • Razor View Engine
  • C# and VB.NET Source

Scheduler for ASP.NET 4 Razor (C#, VB.NET, SQL Server)

scheduler-for-asp-net-mvc-4-razor.png

  • Shows a one-year schedule, with one cell per day, for multiple resources (rooms). Drag & drop event moving and resizing.
  • DayPilot Scheduler Control
  • SQL Server
  • ASP.NET MVC 4
  • Razor View Engine
  • C# and VB.NET Source

Event Calendar for ASP.NET 4 Razor (C#, VB.NET, SQL Server)

event-calendar-for-asp-net-mvc-4-razor.png

  • A one-day calendar with drag & drop AJAX event moving and resizing.
  • DayPilot Calendar Control
  • SQL Server
  • ASP.NET MVC 4
  • Razor View Engine
  • C# and VB.NET Source

Monthly Calendar for ASP.NET MVC with Drop Down Navigation (jQuery, C# and VB.NET)

monthly-calendar-asp-net-mvc-jquery.png

  • Shows a monthly calendar that can be navigated using a simple drop down list with a set of allowed months.
  • DayPilot Month Control
  • SQL Server
  • MVC 2+
  • C# and VB.NET Source

Scheduler for ASP.NET MVC 3 Razor (C# and VB.NET, SQL Server)

scheduler-for-asp-net-mvc-3-razor.png

  • Shows a one-year schedule, with one cell per day, for multiple resources (rooms). Drag & drop event moving and resizing.
  • DayPilot Scheduler Control
  • SQL Server
  • MVC 3
  • Razor View Engine
  • C# and VB.NET Source

Event Calendar for ASP.NET MVC 3 Razor (C# and VB.NET, SQL Server)

event-calendar-for-asp-net-mvc-3-razor.png

  • A one-day calendar with drag & drop AJAX event moving and resizing.
  • DayPilot Calendar Control
  • SQL Server
  • MVC 3
  • Razor View Engine
  • C# and VB.NET Source

Daily Event Calendar for ASP.NET MVC (C# and VB.NET, SQL Server)

event-calendar-for-asp-net-mvc-3.png

  • A one-day calendar with drag & drop AJAX event moving and resizing.
  • DayPilot Calendar Control
  • SQL Server
  • MVC 2+
  • C# and VB.NET Source

Monthly Calendar for ASP.NET MVC (C# and VB.NET, SQL Server)

monthly-calendar-for-asp-net-mvc.png

  • A monthly event calendar with drag & drop AJAX event moving and resizing.
  • DayPilot Month Control
  • SQL Server
  • MVC 2+
  • C# and VB.NET Source

DayPilot for JavaScript, ASP.NET WebForms, ASP.NET MVC, Java