Customize scheduler cells height

[Javi Navarrete]

Hi,

We need to change the height of the cells when is in “Week” view, to show more events and scroll less.

Is there any parameter we could change for it?.

Thanks

[admin]

Hi Javi,

You can use the –smart-scheduler-timeline-cell-height CSS variable to customize the cells height in Scheduler.

.smart-scheduler {
    --smart-scheduler-timeline-cell-height:30px;
}

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[Anh Hoang]

ohh thank you, one more question, i want adjust height event

.smart-scheduler .smart-scheduler-event .pending {
height: 120px;
}

try with that but not working, could you give some advise?

• This reply was modified 2 years, 7 months ago by Anh Hoang.

[svetoslav_borislavov]

Hi,

The event’s height depends on the duration of the event. You can change the height of the cells, this will impact the height of the event

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Anh Hoang]

Hi,

in month view, i’m create an event from 12:00 AM to 11:00 PM but it’s too small, 1/4 of cell, how to make it more larger?

• This reply was modified 2 years, 7 months ago by Anh Hoang.

[Steven Peterson]

Hi,

To change the size of the event, you can use the –smart-scheduler-event-size CSS variable.
Here is an example: https://codepen.io/Steevee222/pen/dyqzQXL

Best Regards,
Steven Peterson

Smart UI Team
https://www.htmlelements.com/

[Anh Hoang]

Hello, i add classname to scheduler and adjust it like this:

‘& .calendar-scheduler .smart-scheduler-event’: {
height: ’50px!important’,</div>
},
it’s look so ugly, how can i make it dynamic( ex 1 or 2 will expand, and remain in ” (number) more” ). Thanks for your help

• This reply was modified 2 years, 7 months ago by Anh Hoang.
• This reply was modified 2 years, 7 months ago by Anh Hoang.

[svetoslav_borislavov]

Hi,

As shown in my previous reply, the proper way of changing the scheduler event size is with the CSS variable.
If you want to change it, you may have a class that changes this variable and applies it when needed.

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts