Modal Dialog Tutorials

JavaScript prompt() Replacement
JavaScript prompt() Replacement
Use an improved prompt() replacement to add more flexibility to the single-input modal dialog.
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 alert() Replacement
JavaScript alert() Replacement
Simple helper for replacing alert() with a more flexible HTML-based modal dialog with support for CSS styling.
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.
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.
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.
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-10 of 10