Full-Screen Layout Tutorials

JavaScript Resource-Scheduling Calendar: Full-Screen Layout

Use the 100% height mode of the calendar to avoid duplicate vertical scrollbars and keep headers fixed.

Feb 24, 2025

How to integrate the Angular Gantt chart component into a page with a full-screen layout. Get rid of duplicate vertical scrollbars and fix the time header.

gantt angular angular12 typescript full-screen

Sep 24, 2021

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.

react scheduler full-screen jsx javascript

Jun 24, 2021

Angular Calendar: Full Screen Layout

How to configure the Angular calendar component to use 100% height and fill the available space.

angular angular12 event-calendar typescript full-screen

May 18, 2021

Angular Scheduler: Full Screen Layout

Angular application that displays the Scheduler in a full screen layout. The project includes a collapsible sidebar with a date picker.

angular angular11 scheduler typescript full-screen

Jan 27, 2021

Articles 1-5 of 5

Products

Resources

Tools

About Us

Contact

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.