1. Feedback
  2. Blazor
  3. 48521

Welcome to the Blazor feedback portal. We’re happy you’re here! If you have feedback on how to improve the Blazor, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Resize event not work when changed width column and multiple ScheduleHeaderRows

Hello.

I have some problems with scheduler: if i want to change the default width of the cells in timeline view and add multiple headers, the resize not work or it work in bad way, adding days when resizing in small parts or adding lot more days when increasing the size of the event for just one step.


Snippet
<SfSchedule TValue="AppointmentData" CssClass="baseEventStyle" Height="100%"
            AllowDragAndDrop=true AllowInline=true EnableAutoRowHeight="true" CurrentView="View.TimelineMonth"
            ShowWeekNumber=true ShowQuickInfo=false
            AllowResizing=true ShowHeaderBar=true>
    <ScheduleEventSettings DataSource="@DataSource"></ScheduleEventSettings>
    <ScheduleViews>
 
        <ScheduleView Option="View.TimelineMonth" MaxEventsPerRow="1" Interval="3" Orientation="Syncfusion.Blazor.Schedule.Orientation.Horizontal"
                      AllowVirtualScrolling=true NumberOfWeeks="20" ShowWeekNumber=true />
    </ScheduleViews>
    <ScheduleHeaderRows>
        <ScheduleHeaderRow Option="HeaderRowType.Year">
        </ScheduleHeaderRow>
        <ScheduleHeaderRow Option="HeaderRowType.Month">
        </ScheduleHeaderRow>
        <ScheduleHeaderRow Option="HeaderRowType.Week"></ScheduleHeaderRow>
        <ScheduleHeaderRow Option="HeaderRowType.Date">
        </ScheduleHeaderRow>
    </ScheduleHeaderRows>
</SfSchedule>

Snippet
@code{
    public class AppointmentData
    {
        public string Id { get; set; }
        public bool IsReadonly { get; set; }
        public int Index { get; set; }
        //
        // Summary:
        //     Gets or sets the class names for appointment.
        public List<string> ClassNames { get; set; } = new List<string>();
        //
        // Summary:
        //     Gets or sets the resource color for appointment.
        public string Color { get; set; }
 
        public int GroupIndex { get; set; }
 
        public DateTime? StartTime { get; set; }
        public DateTime? EndTime { get; set; }
 
        public bool IsFocused { get; set; }
    }
 
    public List<AppointmentData> DataSource { get; set; }
 
    protected override void OnInitialized()
    { 
        DataSource = new List<AppointmentData>()
        {
            new AppointmentData()
            {
                 Id = "1",
                    IsReadonly = false,
                    StartTime = DateTime.Today,
                    EndTime = DateTime.Today.AddHours(48)                  
            }
        };
    }
 
 
}

For change the width of the day columns, i use this css code
Snippet
<style>
 
        .e-schedule .e-timeline-month-view .e-date-header-wrap table col,
        .e-schedule .e-timeline-month-view .e-content-wrap table col {
     
            font-size: smaller !important;
           width:42px;
        }
 
</style>

please can you tell me if there is something i can do for fix this?
thank you

Maurizio Meloni