Hello, I have a problem with the scheduler component. the row of the column to separate day, work for one of my scheduler but not for the second :/
Support Forum
This code is where le line between two days don't change
this.schedu = new Scheduler({
appendTo: document.getElementById('schedu'),
style: 'background-color: beige;',
height: this.heightScheduler,
rowHeight: 60,
minHeight: 100,
barMargin: 5,
startDate: this.schedulerService.startDate.getValue(),
endDate: this.schedulerService.endDate.getValue(),
viewPreset: this.schedulerService.getViewPreset(),
// viewPreset: 'hourAndDay',
columns: this.columns,
eventRenderer: this.eventRenderer,
createEventOnDblClick: false,
features: {
// sort: 'name',
timeRanges: {
currentDateFormat: '',
showCurrentTimeLine: true,
// timeRanges: this.weekend
timeRanges: this.schedulerService.publicHolidays
},
eventDragCreate: {
disabled: false,
showTooltip: true,
validatorFn: () => {
return true;
}
},
filterBar: true,
eventResize: true,
eventDrag: true,
eventEdit: false,
eventTooltip: this.tooltipRenderer,
scheduleTooltip: false,
cellTooltip: true,
scheduleContextMenu: {
items: {
addEvent: false,
unassignEvent: false
}
},
eventContextMenu: {
items: {
deleteEvent: false,
unassignEvent: false
}
},
contextMenu: false,
columnLines: true
},
resourceStore: r,
workingTime: {
fromHour: this.setting.startTime,
toHour: this.setting.endTime
},
zoomOnMouseWheel: false,
zoomOnTimeAxisDoubleClick: false,
showAddEventInContextMenu: false
});
This code there is the line
this.schedu = new Scheduler({
appendTo: document.getElementById('schedu'),
style: 'background-color: beige;',
height: this.heightScheduler,
rowHeight: 60,
minHeight: 100,
barMargin: 0,
startDate: this.schedulerService.startDate.getValue(),
endDate: this.schedulerService.endDate.getValue(),
viewPreset: this.schedulerService.getViewPreset(),
columns: this.columns,
eventRenderer: this.eventRenderer,
createEventOnDblClick: false,
features: {
timeRanges: {
currentDateFormat: '',
showCurrentTimeLine: true
// timeRanges: this.weekend
},
eventDragCreate: false,
eventResize: false,
eventDrag: false,
eventEdit: false,
eventTooltip: this.tooltipRenderer,
scheduleTooltip: false,
cellTooltip: true,
scheduleContextMenu: {
items: {
addEvent: false,
unassignEvent: false
}
},
eventContextMenu: {
items: {
deleteEvent: false,
unassignEvent: false
}
},
contextMenu: false,
columnLines: true
},
resourceStore: r,
zoomOnMouseWheel: false,
zoomOnTimeAxisDoubleClick: false,
showAddEventInContextMenu: false
});
Please modify one of our examples to create a testcase. Pick out one and apply minimal changes to reproduce the issue. Then zip it up and submit here. How to ask for help is described here: viewtopic.php?f=35&t=772
Pavlo Miklashevych
Sr. Frontend Developer