DayPilotDayPilot
Products
Support
DayPilot Code
JavaScript
Angular
React
Vue
ASP.NET
ASP.NET Core
PHP
Spring Boot
Open-Source

Modal Dialog Tutorials

ASP.NET Scheduler and ModalPopupExtender (C#, VB.NET)
ASP.NET Scheduler and ModalPopupExtender (C#, VB.NET)
How to use the scheduler with ModalPopupExtender to create and edit reservations in a modal dialog.
c# asp.net webforms sql-server scheduler modal modalpopupextender vb.net
Jul 30, 2021
ASP.NET Event Calendar and ModalPopupExtender (C#)
ASP.NET Event Calendar and ModalPopupExtender (C#)
How to use the event calendar and ModalPopupExtender to create new events and edit existing events in a modal dialog.
c# asp.net webforms modal modalpopupextender
Jul 30, 2021
JavaScript confirm() Replacement
JavaScript confirm() Replacement
Replace the built-in confirm() modal dialog with a more flexible implementation that allows using custom appearance and button text (e.g. Yes/No).
javascript modal open-source confirm
Jun 12, 2021
JavaScript prompt() Replacement
JavaScript prompt() Replacement
Use an improved prompt() replacement to add more flexibility to the single-input modal dialog.
modal open-source javascript prompt
Feb 18, 2021
JavaScript alert() Replacement
JavaScript alert() Replacement
Simple helper for replacing alert() with a more flexible HTML-based modal dialog with support for CSS styling.
modal javascript alert open-source
Dec 14, 2020
DayPilot.Modal: Open-Source JavaScript Modal Dialog
DayPilot.Modal: Open-Source JavaScript Modal Dialog
Open-source JavaScript modal dialog with rich features. It can display custom HTML or a standalone page. Supports drag&drop moving and automatic height adjustment.
modal dialog open-source javascript
Nov 29, 2020
Using DayPilot Modal in Angular Application (TypeScript)
Using DayPilot Modal in Angular Application (TypeScript)
DayPilot Modal is now available as a NPM package (@daypilot/modal) and can be used in Angular applications as well.
angular modal typescript open-source alert confirm prompt
Jun 7, 2020
JavaScript Scheduler: How to Edit Multiple Fields using a Modal Dialog
JavaScript Scheduler: How to Edit Multiple Fields using a Modal Dialog
How to create a modal dialog with custom fields and let users edit JavaScript Scheduler events on click. The modal dialog fields are defined programmatically using an array.
javascript scheduler modal
Mar 16, 2020
Angular Scheduler: Modal Dialog for Event Editing
Angular Scheduler: Modal Dialog for Event Editing
Angular 6 project with Scheduler component that allows creating and editing events using a modal dialog.
angular angular6 scheduler typescript modal
Aug 2, 2018
HTML5 Scheduler and Modal Dialog (jQuery)
HTML5 Scheduler and Modal Dialog (jQuery)
Simple web application that shows how to use a modal dialog to create and edit JavaScript Scheduler events. Includes PHP source code for download.
html5 javascript jquery scheduler modal php
Sep 22, 2017
Articles 1-10 of 10

Products

Resources

Tools

About Us

DayPilot Pro

HTML5 event calendar/scheduling components. Available for JavaScript/Angular/React/Vue, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.