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

Change cell border color in scheduler?

Asked by Anonymous
5 years ago.

This is my angular code for scheduler config:

$scope.schedulerConfig = {
allowEventOverlap: false,
visible: true,
scale: "Minute",
cellWidthSpec: "Auto",
days: 1,//new DayPilot.Date().daysInMonth(),
startDate: new DayPilot.Date().firstDayOfMonth(),
// theme: "blueongrey",
timeHeaders: [
{ groupBy: "Day", format: "dd MMM yyyy" },
{ groupBy: "Hour", format: "HH" }
{title: "Asset", width: 80},
onTimeRangeSelected: function(args) {
//Do stuff


Adding "cellBorderColor: "#666666", or any other property from doesn't change anything.

Answer posted by Dan Letecky [DayPilot]
5 years ago.

The direct style properties are ignored in the CssOnly mode (the CssOnly mode is forced since 8.0 release):

You can control the cell border using CSS. You can edit your theme in the theme designer::

1. Visit
2. Click Edit
3. Set Background Cells ->Border color as needed.
4. Save the new theme as "blueongrey" and download it
5. Include the theme CSS in your page and uncomment theme: "blueongrey" setting

You can also customize it in the output CSS file using *_matrix_vertical_line and *_matrix_vertical_line properties:

background-color: #666666;

Answer posted by Teja
4 years ago.

.scheduler_8_cell {
border:1px dotted black;

This question is more than 3 months old and has been closed. Please create a new question if you have anything to add.