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:

Property Description Default value Applicable views
DHXScheduler.XY.bar_heightthe height of day cells in the month view20month
DHXScheduler.XY.editor_widththe width of the event text input140day, week, units
DHXScheduler.XY.lightbox_additional_heightincreases the length of the lightbox50all views
DHXScheduler.XY.map_date_widththe width of the date column in the map view188map
DHXScheduler.XY.map_description_widththe width of the description column in the map view400map
DHXScheduler.XY.margin_leftthe left margin of the main scheduler area0all views
DHXScheduler.XY.margin_topthe bottom margin of the main scheduler area0all views
DHXScheduler.XY.menu_widththe width of the selection menu25day, week, units
DHXScheduler.XY.min_event_heightthe minimal width of the event box40day, week, units
DHXScheduler.XY.month_scale_heightthe top offset of an event in a cell in the month view20month
DHXScheduler.XY.nav_heightthe height of the navigation bar22all views
DHXScheduler.XY.scale_heightthe height of the X-Axis20all views
DHXScheduler.XY.scale_widththe width of the Y-Axis50day, week, timeline, units
DHXScheduler.XY.scroll_widththe width of the scrollbar area18all views

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

Month view

Week view

Day view

Map view

Lightbox


comments powered by Disqus