How to show the not working time in Scheduler?

[anthony.dasre]

Hello everyone,

I have defined the calendar

[
  {
    "id": "1",
    "name": "PLANNING",
    "unspecifiedTimeIsWorking": false,
    "intervals": [
      {
        "recurrentStartDate": "every weekday at 7:00",
        "recurrentEndDate": "every weekday at 18:00",
        "isWorking": true
      }
    ]
  }
]

and I have set the attribute in the feature.

nonWorkingTime         : false,
resourceNonWorkingTime : true,

I can see that the calendar is applied when the event drops but the not working time doesn't show in gray in the scheduler. I have used the calendar in the partner histogram which works well.

Can someone tell me how to show the not working time in gray like the style in the histogram, please?

Thanks in advance.

[alex.l]

Hi anthony.dasre,

As I understood, that's about the SchedulerPro?

We need your full configs and JSON you used.

Meanwhile please have a look at our examples
https://bryntum.com/examples/scheduler-pro/resource-non-working-time/
https://bryntum.com/examples/scheduler-pro/resourcehistogram/

[anthony.dasre]

Yes, it's about Schedulerpro. You can find my config and data.json in the attachement.

[alex.l]

Ok, I see it now.

If you zoom in a bit, you will see greyed out intervals on the time axis that your resource calendars are provided.
You disabled nonWorkingTime feature for your scheduler instance which highlights weekends https://bryntum.com/docs/scheduler-pro/api/Scheduler/feature/NonWorkingTime
and which is visible in your histogram. So, that's why you don't see it.

Turn on that feature, if you need it.

nonWorkingTime : true,

[anthony.dasre]

Thanks for your help. I have seen it. Can we gray out intervals (for example Saturday and Sunday) without zooming in just like the histogram?

[alex.l]

Sure, turn on the feature that is doing that

nonWorkingTime : true

[anthony.dasre]

I have turned on nonworking time, however, it doesn't gray out intervals without zooming in.

[alex.l]

Could you please attach your app here? I tested it in our examples with your configs and JSON and it worked to me.
Or try it yourself using our app as a start point.

[anthony.dasre]

I have tried mon config and data in this application: https://bryntum.com/examples/scheduler-pro/resource-non-working-time/
with the code in the attachment. The result is that can not show the not working time without zooming in. Thanks in advance.

[alex.l]

Ok, I guess I see, try to specify https://www.bryntum.com/docs/scheduler-pro/api/SchedulerPro/feature/ResourceNonWorkingTime#config-maxTimeAxisUnit
and https://www.bryntum.com/docs/scheduler-pro/api/Scheduler/feature/NonWorkingTime#config-maxTimeAxisUnit
for your features then.

Example:

features : {
    dependencies           : true,
    nonWorkingTime         : {
    	maxTimeAxisUnit : 'day'
    },
    resourceNonWorkingTime :  {
    	maxTimeAxisUnit : 'day'
    },        
    timeRanges             : {
        showCurrentTimeLine : true
    }
},