weekly summary in month view

[Per Ronny Westereng]

Hello!

Is it possible to customize the month scheduler view to have an extra column at the end to show a weekly summary?

Kind of like the picture in the attached zip file.

Regards

Per Ro

Attachment: weektotal_96a090e1.zip

[Swathi Ravi]

Hi Per Ronny Westereng,

 

Thank you for reaching out.

 

You can render a column next to the Scheduler by using an external table, as shown in the snippets below.

 

<div class="container" style="display: flex;">

    <div class="scheduler">

        <SfSchedule TValue="AppointmentData" Height="550px" @bind-SelectedDate="@CurrentDate">

            <ScheduleViews>

                <ScheduleView Option="View.Month"></ScheduleView>

            </ScheduleViews>

        </SfSchedule>

    </div>

 

    <div class="side-table" style="margin-top: 48px;">

        <table>

            <thead>

                <tr>

                    <th style="border: 1px solid #ccc;">Total</th>

                </tr>

            </thead>

            <tbody>

                <tr><td>Row 1</td></tr>

                <tr><td>Row 2</td></tr>

                <tr><td>Row 3</td></tr>

                <tr><td>Row 4</td></tr>

                <tr><td>Row 5</td></tr>

            </tbody>

        </table>

    </div>

</div>

 

<style>

    .side-table td {

        border: 1px solid #ccc;

        padding: 10px;

        text-align: center;

        height: 95px;

        width: 50px;

    }

</style>

@code{

    DateTime CurrentDate = new DateTime(2023, 6, 1);

}

 

 

 

 

Regards,

Swathi

[Per Ronny Westereng]

Great, thank you!

Is there a way I can get the height of a row in the scheduler, so that I can set the height of the same row in the

totals column?

The rows in the scheduler will probably not always be the same height in my app.

Regard

Per Ronny

[Swathi Ravi]

Per Ronny,

 

We understand that you are looking for a way to retrieve the height of a row in the scheduler to ensure alignment with the total's column, especially since the row heights in your application may vary.

 

To assist you further, could you please provide more details about the specific scenarios where the heights of the scheduler cells change, leading to misalignment with the table rows? This information will help us validate your query and provide a more accurate solution.

[Per Ronny Westereng]

To best explain what i want to do with the scheduler, have a look at this link:

https://danheron.github.io/Heron.MudTotalCalendar

Look at the Examples link in the side menu.

It shows the MudTotalCalendar which uses MudBlazor. I need to be able to do exactly that with the scheduler.

Is that possible?

Kind Regards

Per Ronny

[Swathi Ravi]

Per Ronny,

 

We don't have the inbuild support to render the additional columns on Scheduler. We already logged a feature request for your requirement, and the feature will be included in any of our upcoming releases. Track the status by using the feedback link below.

 

Feedback: Provide support for adding custom row in Blazor Scheduler in Blazor | Feedback Portal

 

Generally, we will plan any feature implementation based on customer request count, feature rank, and Wishlist plan. You can cast your vote in the aforementioned feedback.