Modal Dialog Tutorials

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 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 prompt() Replacement
JavaScript prompt() Replacement
Use an improved prompt() replacement to add more flexibility to the single-input modal dialog.
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.
JavaScript alert() Replacement
JavaScript alert() Replacement
Simple helper for replacing alert() with a more flexible HTML-based modal dialog with support for CSS styling.
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.
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.
Scheduler and ModalPopupExtender (ASP.NET, C#, VB.NET)
Scheduler and ModalPopupExtender (ASP.NET, C#, VB.NET)
How to use the scheduler with ModalPopupExtender to create and edit reservations in a modal dialog.
Event Calendar and ModalPopupExtender (C#, ASP.NET)
Event Calendar and ModalPopupExtender (C#, ASP.NET)
How to use the event calendar and ModalPopupExtender to create new events and edit existing events in a modal dialog.
Articles 1-9 of 9