RadScheduler table rows do not occupy the defined height of the object

[Miguel]

I am using RadScheduler with TimeLineView Only, GroupBy Resource with GroupDirection set Vertical.

I set the object height to 585px, but when rendered, it only shows 360px, as you can see in the image.

What can I do to work around this situation without changing the rowHeight property?

I am using server-side binding but if I change to client-side binding, can I solve this problem modifying Client Rendering?

[Attila Antal]

Hello Miguel,

The Scheduler uses a generic HTML Table to display the appointments, and if you want to change the height of the Table, the rows will also change with it. That's how the Table works and we can't change it. If you shrink the rows, the table will shrink with them.

Here is one example:

<style>
    table.myclass {
        height: 600px;
        border-collapse: collapse;
    }

    table.myclass th,
    table.myclass td {
        border: 1px solid #808080;
    }
</style>

<table class="myclass">
    <tr>
        <th>Header</th>
    </tr>
    <tr>
        <td>Row 1</td>
    </tr>
    <tr>
        <td>Row 2</td>
    </tr>
    <tr>
        <td>Row 3</td>
    </tr>
    <tr>
        <td>Row 4</td>
    </tr>
</table>

 

Regards,
Attila Antal
Progress Telerik