Change row height of the time line month view

[Javi Navarrete]

Hi, we have a problem with the smart scheduler,
We want to set the height of the scheduler rows using timeline month view,
Is there any way to set that height?,

Thanks

[Yavor Dashev]

Hi Javi Navarrette,

The height of the rows depends on the height of the SmartScheduler when you use it in ‘month’ view.

Basically if you set the height of the Scheduler component it will affect the height of the rows itself.

For example like in the following CSS code snippet:

.smart-scheduler {
    width: 100%;
    height: 25%;
}

Let me know if this suits you!

Please, do not hesitate to contact us if you have any additional questions.

Best regards,
Yavor Dashev

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

[Javi Navarrete]

Hi,
Thank you for the answer but that doesn’t fix my problem,
The problem isn’t in the ‘month’ view, it is in the ‘timeline-month’ view.
The problem is that I have the smart-scheduler and I want to show by default 3 events but the cell it’s too small and only shows 1 and the  ‘x more’.

I want to set the height of the cell/row to show at least 3 events and then the ‘x more’.

Thanks,
Javier Navarrete

[Yavor Dashev]

Hi Javi Navarrete,

Thank you for the additional information!

You can use a CSS variable called --smart-scheduler-event-size to determine the height of the events cell in the timeline view and thus to determine when the ‘x more’ is displayed.

Using the mentioned CSS variable:

smart-scheduler {
    width: 100%;
    height: 100%;
    --smart-scheduler-event-size: 25px;
}

Let me know what you think about this!

Please, do not hesitate to contact us if you have any additional questions.

Best regards,
Yavor Dashev

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

[Javi Navarrete]

Hi,
I’m sorry but that wasn’t my question again,
I don’t want to set the height of the event, I want to set the height of the full row, because if I have many resources the row only has 1 event and then “x more” and I want to set the height of the row to show 3 events and then the “x more”.

Thanks.

Javier Navarrete

[Yavor Dashev]

Hi Javi Navarrete,

Thank you for the additional information.

With it I think now I completely understand your use case and which CSS variable you need to achieve the functionality that you need.

I have created a new CSS code snippet for this:

smart-scheduler {
    height: 100%;
    --smart-scheduler-timeline-cell-height:300px;
}

Let me know what you think about this!

Please, do not hesitate to contact us if you have any additional questions.

Best regards,
Yavor Dashev

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

[Author]

Posts