Page 1 of 1
[ANGULAR] header with name days not visible
Posted: Fri Aug 02, 2024 12:06 pm
by mirco.damiani
Hi,
P01.png (6.2 KiB) Viewed 204 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!
Re: [ANGULAR] header with name days not visible
Posted: Fri Aug 02, 2024 2:37 pm
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 https://bryntum.com/products/scheduler/examples/configuration/
Re: [ANGULAR] header with name days not visible
Posted: Fri Aug 02, 2024 3:33 pm
by mirco.damiani
Hi,
P01.png (11.29 KiB) Viewed 193 times
if zoom it and unzoom the blue color is only over current year...
Re: [ANGULAR] header with name days not visible
Posted: Fri Aug 02, 2024 5:37 pm
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 .