search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Using CSS3 zoom breaks Scheduler crosshair

Asked by Albert
2 years ago.

When using the following zoom (for maxifing the scheduler), the crosshair points to a wrong row and column.

.scheduler {
zoom: 140%
}

Attached is the example.

Kind regards.

bug javascript
Answer posted by Dan Letecky [DayPilot]
2 years ago.

Unfortunately, the CSS-level zoom is not supported at the moment. However, you should be able to achieve a similar effect by adjusting the dimensions properties (eventHeight, headerHeight, etc.) and changing the font size.

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.
Tools
E-mail notifications
Feed
Related Questions
Zoom in/out feature
Angular 6 Zoom level.
Scheduler Zoom in IE11
How to Zoom out to year(s)
508 Compliant
Angular Scheduler TimeHeader Display Week Wording
How set the scale resp. the zoom automatically on the number of days
position selected event on the center of view port when zoom in/out
How to get the Scheduler to redraw after an event is added or zooming in/out
Angular Scheduler button onclick changes time header
Grid lines out of sync with resources
Angular Scheduler Zoom : 'name' does not exist in type 'ZoomLevel
Looking for a way to update the viewport without having to scroll after render in DayPilot Scheduler
when change

Products

Learn

Get Support

DayPilot Pro

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