Change cell border color in scheduler?

Asked by Anonymous
8 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", https://themes.daypilot.org/scheduler/theme/c5movh
timeHeaders: [
{ groupBy: "Day", format: "dd MMM yyyy" },
{ groupBy: "Hour", format: "HH" }
],
rowHeaderColumns:[
{title: "Asset", width: 80},
],
onTimeRangeSelected: function(args) {
//Do stuff
},

};

Adding "cellBorderColor: "#666666", or any other property from http://api.daypilot.org/daypilot-scheduler-properties/ doesn't change anything.

how-to javascript

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

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

http://api.daypilot.org/daypilot-scheduler-cssonly/

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

1. Visit https://themes.daypilot.org/scheduler/theme/c5movh
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:

.blueongrey_matrix_vertical_line,
.blueongrey_theme_horizontal_line
{
background-color: #666666;
}

Answer posted by Teja
8 years ago.

.scheduler_8_cell {
border:1px dotted black;
}

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

Change cell border color in scheduler?

Products

Learn

Get Support

DayPilot Pro