How to change the height of events

[anthony.dasre]

Hello everyone,

I'd like to increment the height of events in the dayresourceView and weeResourceView.
I have tried the attribute minEventHeight in the dayResources as follow.

 
  dayResources : {
                            type               : 'resource',
                            title              : 'Jour',
                            resourceWidth      : '30em',
                            minEventHeight     : '2em',
                            hideNonWorkingDays : false,

                        view : {
                            nonWorkingTime : true,
                            type : 'dayview',
                            nonWorkingDays : null
    
                	}
            meta : resource => resource.title
        }
        

But it doesn't work. Anyone can help me?

Thanks.

[ghulam.ghous]

Hi there,

Probably you are looking for something like this https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayResourceView#config-hourHeight. This will increase the hour height which in result increases the event height.

I have tried here https://bryntum.com/products/calendar/examples/date-resource/.

 dayResource : {
                            type               : 'resource',
                            title              : 'Jour',
                            resourceWidth      : '30em',
                            minEventHeight     : '2em',
                            hideNonWorkingDays : false,
                            hourHeight: 200,

                    view : {
                        nonWorkingTime : true,
                        type : 'dayview',
                        nonWorkingDays : null

            	}
        meta : resource => resource.title
    }

Screenshot 2024-03-07 at 5.26.26 PM.png (1.23 MiB) Viewed 150 times

Regards,
Ghous

[anthony.dasre]

it works.

However, the timeline is not correct.

ca.png (55.24 KiB) Viewed 142 times

[Animal]

The user can change that any time using CTRL/mousewheel to zoom in or out:

MouseWheelMoom.gif (606.73 KiB) Viewed 141 times

[anthony.dasre]

My client prefers showing the event bigger the first time of visiting the page. Because the events are probably from 20 mins to 40 mins. So if we have the solution to show much bigger. That will be more nice.

[Animal]

it works.

However, the timeline is not correct.

ca.png

Looks like there's a bug with the time axis in that version. Or some page CSS in interfering with the display of the ticks.

The time axis is correct here:

Screenshot 2024-03-07 at 14.39.32.png (43.69 KiB) Viewed 132 times