JavaScript Calendar and Scheduler Tutorials (Page 7)

 How to Use CSS Themes with the React Scheduler Component
How to Use CSS Themes with the React Scheduler Component
Learn how to change a React Scheduler CSS theme, create and apply your own theme and override individual styles.
React Scheduler: Full Screen Layout
React Scheduler: Full Screen Layout
How to integrate the React Scheduler component into a full screen page layout. The full screen mode will allow rendering optimizations to be applied correctly and avoid a confusing duplicate vertical scrollbar.
JavaScript Scheduler: How to Integrate a Date Picker
JavaScript Scheduler: How to Integrate a Date Picker
How to link the JavaScript Scheduler component to a date picker that can change the visible date.
JavaScript Scheduler: Read-Only Mode
JavaScript Scheduler: Read-Only Mode
How to switch the JavaScript Scheduler to read-only mode (all drag and drop operations are turned off). Disabling drag and drop for specific events.
Monthly Event Calendar for JavaScript/HTML5/PHP
Monthly Event Calendar for JavaScript/HTML5/PHP
Drag and drop monthly event calendar for JavaScript/HTML5. Full calendar CSS styling support. Includes a sample PHP backend with SQL database.
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 Scheduler: Alternate Column Colors
JavaScript Scheduler: Alternate Column Colors
How to set alternating colors for JavaScript Scheduler columns (time headers and grid).
JavaScript Scheduler: Dragging Files and Other Items from Desktop
JavaScript Scheduler: Dragging Files and Other Items from Desktop
How to configure the JavaScript Scheduler component to accept files dragged from the desktop. The file will be converted to a Scheduler event on drop.
PHP Tennis Court Reservation (HTML5/JavaScript Frontend, MySQL Database)
PHP Tennis Court Reservation (HTML5/JavaScript Frontend, MySQL Database)
Simple web application that displays tennis court availability and lets the users create a reservation using drag and drop. Includes a PHP project with sample MySQL/SQLite database.
PHP Restaurant Table Reservation Application (HTML5/JavaScript Frontend)
PHP Restaurant Table Reservation Application (HTML5/JavaScript Frontend)
PHP application that lets you record restaurant table reservations and find a free table using a visual user interface. With MySQL database storage.
JavaScript Scheduler: Copy Multiple Events
JavaScript Scheduler: Copy Multiple Events
Copy multiple Scheduler events using copy & paste or using drag and drop.
JavaScript Scheduler: Wait for Parallel HTTP Requests to Complete
JavaScript Scheduler: Wait for Parallel HTTP Requests to Complete
How to make parallel HTTP requests, wait for all of them to complete and update the JavaScript Scheduler once.
JavaScript Scheduler: Event Types
JavaScript Scheduler: Event Types
How to define your own Scheduler event types and customize the appearance. You can change the event type using a context menu or a modal dialog.
JavaScript prompt() Replacement
JavaScript prompt() Replacement
Use an improved prompt() replacement to add more flexibility to the single-input modal dialog.
JavaScript Scheduler: Warm-Up and Cool-Down Time
JavaScript Scheduler: Warm-Up and Cool-Down Time
How to add warm-up and cool-down time to Scheduler events. The additional time segments are stored and displayed automatically but drag and drop is only enabled for the core event.
JavaScript Scheduler: Switching Day/Week/Month Views
JavaScript Scheduler: Switching Day/Week/Month Views
How to define day/week/month views for the JavaScript Scheduler. The current view can be switched using custom buttons.
JavaScript Resource Calendar: Column Filtering
JavaScript Resource Calendar: Column Filtering
How to implement mult-criteria column filtering in JavaScript resource calendar component. Filter the resource columns by text and category.
JavaScript Scheduler: Pushing Existing Events Back (Drag and Drop)
JavaScript Scheduler: Pushing Existing Events Back (Drag and Drop)
How to configure the JavaScript Scheduler to automatically shift existing events forward when a new event is dragged and dropped, to avoid overlaps.
Tutorial: JavaScript Scheduler Time Header Customization
Tutorial: JavaScript Scheduler Time Header Customization
How to draw a custom timeline in the DayPilot Pro JavaScript Scheduler time header.
JavaScript Scheduler: Undo/Redo
JavaScript Scheduler: Undo/Redo
Client-side undo/redo implementation for the JavaScript scheduler component. Displays the action history and the current position in the list.
Previous Articles 121-140 of 184 Next