Our pure JavaScript Scheduler component


Post by ice.bob »

I have so many columns in the Scheduler activated, that the left side (grid) is very wide. This means, on opening of my Scheduler website I barely see anything of the scheduler part.

Is it possible so set an option that defines, where the viewport of the divider bar between grid and scheduler should be on start? By divider bar I mean this thing in the picture.
Bildschirmfoto 2020-03-03 um 16.51.57.png
Bildschirmfoto 2020-03-03 um 16.51.57.png (32.62 KiB) Viewed 1091 times

Post by mats »

Yes of course:
new Scheduler({
     subGridConfigs : {
           locked : {
                 width : 300
           }
    },....

Post by ice.bob »

Epic, thank you. But you example code somehow does not work :-/ I solved it like this (vue.js).

async mounted() {
	this.$refs.scheduler.schedulerEngine.subGrids.locked.width = 300;
}

Post by sergey.maltsev »

Hi, ice.bob!

You could check if it works in simple vue app in scheduler (examples/vue/javascript/simple/).

Add this code to /examples/vue/javascript/simple/src/components/schedulerConfig.js
export default {
...
    subGridConfigs : {
        locked : {
            width : 300
        }
    },
}
Add this code to examples/vue/javascript/simple/src/App.vue
<scheduler
    ref               = "scheduler"
...
    :subGridConfigs   = "schedulerConfig.subGridConfigs"
></scheduler>

Please refer to this guide for the details.
https://www.bryntum.com/docs/scheduler/#guides/integration/vue.md

Post Reply