search

StephenChou1017 / react-big-scheduler

A scheduler and resource planning component built for React and made for modern browsers (IE10+)
https://stephenchou1017.github.io/scheduler/#/
MIT License
754 stars 414 forks source link

Change events height? #152

Closed awesomearpit closed 5 years ago

awesomearpit commented 5 years ago

Is it possible to change events height? Because when I changed the height of events then two events overlap to each other. So please give me solution ASAP. Thanks

IhorHolovatsky commented 5 years ago

Hi! I had same question,

You just need override config values of eventItemHeight and eventItemLineHeight

Check config https://github.com/StephenChou1017/react-big-scheduler/blob/master/src/config.js#L34 how to override config: https://github.com/StephenChou1017/react-big-scheduler#constructor

my example: const schedulerModel = new SchedulerData(new moment().format(DATE_FORMAT), ViewTypes.Week, false, false, { nonAgendaOtherCellHeaderFormat: 'dddd, MMMM D', eventItemHeight: 50, eventItemLineHeight: 54 }, { isNonWorkingTimeFunc: () => false } );

awesomearpit commented 5 years ago

@IhorHolovatsky Its working. Thanks