Our pure JavaScript Scheduler component


Post by mirco.damiani »

Hi,
which the right setting for view all days?
Now the days are hidden.... why?

P01.png
P01.png (6.2 KiB) Viewed 233 times

This is my code:

// Configuration scheduler
const schedulerConfig: Partial<SchedulerConfig> = {

  viewPreset: 'hoursAndDay',
  startDate: new Date(),
  endDate: getDate(),
  crudManager: {
    loadUrl: "api/schedulerdata",
    autoLoad: true,
    resourceStore: {
      startGroupsCollapsed: true
    }
  },
  columns: [
    { text: 'Nome', field: 'name', width: 180 },
    { text: 'Ufficio', field: 'role', width: 200 }
  ],
  autoHeight: true,
  features: {
    group: {
      field: 'role',
    },
    timeRanges: {
      showCurrentTimeLine: true,
      showHeaderElements: true,
      enableResizing: true
    },
    headerZoom: true
  }
};

Thanks!


Post by alex.l »

Hi there,

Looks like zoom level on your screenshot is too high. Did you zoom out from initial state? I see viewPreset you used in the code snippet you shared is not the same with the one on the picture.

Please review all available viewPresets here https://bryntum.com/products/scheduler/docs/api/Scheduler/view/Scheduler#config-viewPreset

You also can replace/create own presets, please read https://bryntum.com/products/scheduler/docs/api/Scheduler/preset/PresetManager
and check demo https://bryntum.com/products/scheduler/examples/configuration/

All the best,
Alex


Post by mirco.damiani »

Hi,
I'm try but same error:

P01.png
P01.png (11.29 KiB) Viewed 222 times

if zoom it and unzoom the blue color is only over current year...


Post by marcio »

Hey mirco.damiani,

I added your code to the demo Alex mentioned and didn't get the result that you're mentioning.

const scheduler = new Scheduler({
    appendTo          : 'container',
    resourceImagePath : '../_shared/images/users/',

features : {
    stripe : true,
    sort   : 'name'
},

columns : [
    {
        type  : 'resourceInfo',
        text  : 'Staff',
        width : '10em'
    }
],

resources,
eventStore : {
    modelClass : EventModelWithPercent,
    data       : events
},
columns: [
    { text: 'Nome', field: 'name', width: 180 },
    { text: 'Ufficio', field: 'role', width: 200 }
  ],
  autoHeight: true,
  features: {
    group: {
      field: 'role',
    },
    timeRanges: {
      showCurrentTimeLine: true,
      showHeaderElements: true,
      enableResizing: true
    },
    headerZoom: true
  }
});

Could you please share a runnable test case with a data sample you're using in the screenshots you shared? Please check our guidelines for more information https://www.bryntum.com/forum/viewtopic.php?f=1&t=772.

Attachments
Screenshot 2024-08-02 at 12.34.57.png
Screenshot 2024-08-02 at 12.34.57.png (478.81 KiB) Viewed 208 times

Best regards,
Márcio


Post Reply