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

Switch X and Y axis on HTML5 Timesheet

Asked by Anonymous
8 years ago.

Hello!

Im currently using your HTML5 Timesheet, just wondering is it possible to switch the X and Y axis so it displays days on X axis and 24 hours on Y?

Thanks for your reply (:

how-to javascript tutorial
Answer posted by Dan Letecky [DayPilot]
8 years ago.

You can use the Calendar control which has the axes switched. If you want to show more days (more than the usual week) you can use fixed column width:

https://doc.daypilot.org/calendar/fixed-column-width/

Demo:

http://javascript.daypilot.org/demo/calendar/50columns.html

Note: I'm removing the "lite" tag as this only applies to the Pro version.

Comment posted by Anonymous
8 years ago.

Hi Dan, thanks a lot for you answer, really useful!

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
Resources on X-axis and Days on Y-axis
How can i have 24 hour timeline on the Y-Axis and resource names on X-Axis
Inverse the axis
How to set dates in X-Axis and resources in Y-Axis
Switching X and Y axis
JS Schedular - Multimove across the resources(y axis)
Set Focus on Y-Axis
Time on y-axis and Users on x-axis in daypilotscheduler
Week Days
Scroll for X-Axis in top of Scheduler
Event Calendar, resource view: days on Y-axis
How to change first column header from time to date?
Multiple resources on a date...
Multiple header to Columns

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.