JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums General Discussions Change row height of the time line month view

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #102593
    Javi Navarrete
    Participant
    Up
    0
    Down

    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

    #102594
    Yavor Dashev
    Participant
    Up
    0
    Down

    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/

    #102601
    Javi Navarrete
    Participant
    Up
    0
    Down

    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

    #102603
    Yavor Dashev
    Participant
    Up
    0
    Down

    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/

    #102612
    Javi Navarrete
    Participant
    Up
    0
    Down

    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

    #102618
    Yavor Dashev
    Participant
    Up
    0
    Down

    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/

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.