Set TimeIntervalHeight dynamically

[Dirk Wilhelm]

Hello,

i would like to set the TimIntervalHeight for dayview and workview dynamicall when i switch between the views.

So for example when i'm at the weekview the TimeIntervalHeight is set to -1 for a kind of overview for the whole week.

And when i switch to a dayview i set the TimeIntervalHeight to 40 to get a more detail view.

I tried this with binding the TimeIntervalHeight to a value in in my viewmodel and change this value on ViewChangedCommand.

This is my xaml definition:

 <Grid RowDefinitions="Auto,*" Padding="0">

     <scheduler:SfScheduler Grid.Row="1"
                            x:Name="SchedulerTermine"
                            AutomationId="SchedulerTermine"
                            View="Week"
                            ShowNavigationArrows="True"
                            ShowWeekNumber="True"
                            FirstDayOfWeek="Monday"
                            AllowAppointmentDrag="False"
                            ShowDatePickerButton="True"
                            AllowViewNavigation="True"
                            AllowedViews="Day,Week,WorkWeek"
                            ShowTodayButton="True"
                            AppointmentsSource="{Binding Belegungen}"
                            DisplayDate="{Binding SelectedDate}"
                            ShowBusyIndicator="{Binding ShowBusyIndicator}"
                            QueryAppointmentsCommand="{Binding LoadDataCommand}"
                            LongPressedCommand="{Binding NewTerminCommand}"
                            ViewChangedCommand="{Binding ViewChangedCommand}"
                            >


         <scheduler:SfScheduler.DaysView>
             <scheduler:SchedulerDaysView TimeFormat="HH:mm"
                                          TimeInterval="0:15:0"
                                          ShowCurrentTimeIndicator="True"
                                          TimeIntervalHeight="{Binding TimeIntervalHeight}"
                                          StartHour="7"
                                          EndHour="20"
                                          />
         </scheduler:SfScheduler.DaysView>




         <scheduler:SfScheduler.AppointmentMapping>
             <scheduler:SchedulerAppointmentMapping Subject="EventName"
                                                    StartTime="From"
                                                    EndTime="To"
                                                    Background="Background"
                                                    IsAllDay="IsAllDay" />
         </scheduler:SfScheduler.AppointmentMapping>
     </scheduler:SfScheduler>
 </Grid>

 Copy

And this is the command in the viewmodel:

[RelayCommand]

private async Task ViewChangedAsync(SchedulerViewChangedEventArgs args)
{
    if (args.NewView == SchedulerView.Day)
    {
        TimeIntervalHeight = 40;
    }


    if (args.NewView == SchedulerView.Week || args.NewView == SchedulerView.WorkWeek)
    {
        TimeIntervalHeight = -1;
    }
}
 Copy

This basically works, but i noticed some problems.

I intially display the week view, so TimeIntervalHieght is -1, i can see the scheduler as fullscreen with hour between 7:00 and 20:00. The Scheduler is not vertically scrollabel,as expected with a TimeIntervalHeight=-1)

Now i switch do dayview.

I can see the hours 7:00 to 10:00 with a bigger time interval height. But i can only scroll a little bit to like 10:45, and not to the end of the working day at 20:00

Now switching back to weekview i can see 7:00 to 18:30 and i can scroll a little bit vertically now.

What can i do so that i can scroll the whole span of my working hours in the dayview?

Regards,

  Dirk

[Vidyalakshmi Mani]

Hi Dirk,

Regarding issue “In Day View, I can only scroll a little bit to like 10:45, and not to the end of the working day at 20:00”:

We have checked, and we can replicate the reported issue on Android. However, it functions as expected on iOS, Mac and Windows. We have logged an issue report for this; we will fix this issue and include the issue fix in our weekly NuGet release update which is expected to be available by February 18, 2025. We appreciate your patience until then.

You can track the status of this report through the following feedback link: Day-view-scrolling-not-working-when-time-interval-height-changed-in-view-changed

Note: The feedback link provided is private, and you need to log in to view this feedback.

Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization

Regards,

Vidyalakshmi M.

[Vidyalakshmi Mani]

Hi Dirk,

Regarding issue “In Day View, I can only scroll a little bit to like 10:45, and not to the end of the working day at 20:00”:

  

We have fixed the reported issue from our end. As of now, we have prepared a custom patch (NuGet) including the issue fix and shared it below for your reference. Please check with our patch and let us know whether your issue is resolved.

Note: Before installing the patch, kindly remove bin and obj folders from all the projects of solution and clear NuGet cache: How-to-clear-nuget-cache and when adding the custom NuGet, first add the “Syncfusion.Maui.Core” and ““Syncfusion.Maui.Calendar” NuGet’s from nuget.org and then add the “Syncfusion.Maui.Scheduler” custom NuGet from the attached file.

Disclaimer:

Please note that the custom patch was created for version 28.2.6 specifically to address this issue. We will include the issue fix in our weekly NuGet release scheduled for March 04, 2025. We’ll inform you as soon as the issue fix is available in the weekly NuGet. We appreciate your patience in the meantime.

  

Regards,
Vidyalakshmi M.

Attachment: MAUISfSchedulerCustomNuGet_63cb5903.zip

[Dirk Wilhelm]

I can confirm, that this fixes the problem on android.

[Vidyalakshmi Mani]

Hi Dirk,

 

Thank you for the update. We'll keep you informed and let you know once the issue fix is included in the weekly NuGet. Thank you for your patience!

 

Regards,

Vidyalakshmi M.

[Vidyalakshmi Mani]

Hi Dirk,

Regarding issue “In Day View, I can only scroll a little bit to like 10:45, and not to the end of the working day at 20:00”:

We have fixed the reported issue and included the issue fix in our latest weekly NuGet release update version 28.2.9, which is available for download at nuget.org

Root cause: Updating TimeIntervalHeight dynamically in DayView does not notify the parent scroll view of the layout change, leading to scrolling issues.

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you require any further assistance.

Regards,

Vidyalakshmi M.