DHXScheduler.XY

DHXScheduler.XY

In the scheduler you are allowed to configure sizes of the elements.

To set the desired option, write it as it's stated in this documentation changing DHXScheduler to the name of your DHXScheduler instance.

var sched = new DHXScheduler();
...
sched.XY.bar_height = 30;

Dimension configuration:

Description: The height of day cells in the month view
Default value:20
Applicable views:month

Description: The width of the event text input
Default value:140
Applicable views:day, week, units

Description: Increases the length of the lightbox
Default value:50
Applicable views:all views

Description: The width of the date column in the map view
Default value:188
Applicable views:map

Description: The width of the description column in the map view
Default value:400
Applicable views:map

Description: The left margin of the main scheduler area
Default value:0
Applicable views:all views

Description: The bottom margin of the main scheduler area
Default value:0
Applicable views:all views

Description: The width of the selection menu
Default value:25
Applicable views:day, week, units

Description: The minimal width of the event box
Default value:40
Applicable views:day, week, units

Description: The top offset of an event in a cell in the month view
Default value:20
Applicable views:month

Description: The height of the navigation bar
Default value:22
Applicable views:all views

Description: The top offset of an event in a cell in the month view
Default value:20
Applicable views:all views

Description: The height of the navigation bar
Default value:50
Applicable views:day, week, timeline, units

Description: The width of the scrollbar area
Default value:18
Applicable views:all views

 
Note, all the dimension options have the 'int' data type.

Month view

scheduler month view

Week view

scheduler week view

Day view

config day view

Map view

map view

Lightbox

lightbox


comments powered by Disqus