Customization header rows of a Schedule

[Julien Marque]

Hello,

I am developing a schedule with several views (day, week, month, 4months etc.).

I want to display the month name and the week number when the 4 month view is active, just like above.

Moreover I want to display a 'W' just before the number of the week.

The thing is : I managed to do these two tasks separatly but the 'W' template doesn't work when I use the onNavigate event to change the views.

Regards,

Julien MARQUE

[Nevitha Ravi]

Hi Julien, 

Greetings from Syncfusion Support. 

We have checked the reported case at your end, and suggest you to use view specific settings for header rows. Please refer to the following sample and code snippet. 

https://stackblitz.com/edit/angular-view-specified-header-rows?file=app.component.ts 

      <e-views> 

        <e-view option="Day"></e-view> 

        <e-view option="Week"></e-view> 

        <e-view option="TimelineMonth" [headerRows]="headerRowsForMonths"> 

        </e-view> 

        <e-view 

          displayName="4 Month" 

          option="TimelineMonth" 

          [interval]="monthInterval" 

          [headerRows]="headerRowsFor4Months" 

        > 

        </e-view> 

      </e-views> 

  public headerRowsFor4Months: HeaderRowsModel[] = [ 

    { option: "Month" }, 

    { option: "Week" }, 

    { option: "Date" } 

  ]; 

  public headerRowsForMonths: HeaderRowsModel[] = [{ option: "Date" }]; 

Please try the above solution and get back to usif you need any further assistance. 

Regards, 

Nevitha

[Julien Marque]

Thanks a lot, that works great !

Regards,

Julien

[Nevitha Ravi]

Hi Julien, 

 

You are most welcome, please get back to us if you need any further assistance. 

 

Regards, 

Nevitha