Our pure JavaScript Scheduler component


Post by pmiklashevich »

Hi team! Small design issue:
align: start doesn't work in Vertical mode

https://bryntum.com/docs/scheduler-pro/api/Scheduler/preset/ViewPresetHeaderRow#config-align

https://bryntum.com/examples/scheduler/bigdataset-vertical/

Applied a workaround using "headerCellCls":

viewPreset: {
    base: 'hourAndDay',
    tickWidth: 10,
    tickHeight: 100,
    // columnLinesFor: 0, // Removes horizontal lines
    zoomLevel: 10,
    // Events will be snapped to this resolution
    timeResolution: {
        unit: 'minute',
        increment: 15
    },
    headers: [
        {
            unit       : 'day',
            dateFormat : 'dddd' // Monday
        },
        {
            unit       : 'hour',
            dateFormat : 'HH:mm', // 00-23
            align      : 'start',
            headerCellCls : 'vertical-hour-tick'
        },
    ]
},
.vertical-hour-tick {
  align-items: flex-start;
  border-top: 1px solid #f0f0f0; /* color matches .b-column-line */
}
Screen Shot 2022-05-18 at 15.33.38.png
Screen Shot 2022-05-18 at 15.33.38.png (495.34 KiB) Viewed 223 times

Best,
Pavel

Pavlo Miklashevych
Sr. Frontend Developer


Post by mats »

Hey Pavel :) This was fixed a few days ago, by yours truly - it now appears like you want it (config doesn't apply though but I see no use case for wanting other alignment than how you show it).


Post Reply