month view of e-view directive

[Parthkumar Kakadiya]

Hi,

I am using Angular scheduler for my Angular 8 application. In which i am using various view of the schedule. I have used the 3 different month view.

1. Normal month

2. 2 Month

3. 12 Month

for this view i want 12 month view to be selected. which i did through [isSelected] property of e-view.

Problem: I am trying to switching between month view which is not working for 12 month view once i leave the 12 Month view.

I have attached my template and typescript. 

Please help me with my problem.

Regards,

Parth 

Attachment: calendar.component_2dc308e3.zip

[Balasubramanian Sattanathan]

Hi Parthkumar Kakadiya, 

Greetings from Syncfusion Support. 

We have validated your reported scenario at our end and let you know that, isSelected property is only used to render the corresponding view as the selected view at initial loading and which should be used for only one view. For example. If we give 3 views as “isSelected=true”, the lastly rendered view will be selected in this scenario. 

Sample: https://stackblitz.com/edit/angular-hvbssd?file=app.component.ts 

API: https://ej2.syncfusion.com/angular/documentation/api/schedule/viewsModel/#isselected 

Kindly try the above links and let us know if you have any concerns. 

Regards, 

Balasubramanian S

[Parthkumar Kakadiya]

Hi Balasubramanian S,

Thank you very much for your rapid support.

Actually, I have tried your solution. I have given isSelected to only "12 Month" view.

1. if i switch to "2 Month" view (Schedule gets refresh with display 2 months)

2. Now if i again back to the "12 Month" view, schedule doesn't get refresh and 12 months of schedule not loaded. Click on the 12 months button nothing happens.

Note: from any other view (Day, Agenda, Week) to "12 Month" also same result. 12 Months doesn't get load

Regards,

Parth

[Balasubramanian Sattanathan]

Hi Parthkumar Kakadiya, 

 

Thanks for the update. 

 

We have analyzed your reported problem in our previously shared sample and tried to reproduce the problem. But we couldn’t reproduce it. Since, the views are navigated properly at our end. And we made a video demo for your reference. 

 

Video demo: https://www.syncfusion.com/downloads/support/forum/152276/ze/Schedule_video_demo-1091202955.zip  

 

If you still face the problem at your end, kindly share us the issue reproduced working sample(if possible)/video demo for serve you better. 

 

Regards, 

Balasubramanian S 

[Parthkumar Kakadiya]

Hi Balasubramanian Sattanathan,

Thanks a lot for your support. 

I have found the problem . It was my business logic in actioncomplete function was causing such a behaviour.

Thanks a lot again. You guys doing great job.

Could you please help me with one more problem. I am using DateTimePicker in which i would like to apply my custom style for specific day. I have tried documentation way. Having one problem that if i remove highlight class and give my own class it doesn't get applied.

span = document.createElement('span');
span.setAttribute('class', 'e-icons highlight anfrageclass');

Here if i remove highlight my 'anfrageclass' style doesn't get applied. 

Regards,

Parth

[Balasubramanian Sattanathan]

Hi Parthkumar Kakadiya,  

  

Thanks for the update.  

  

We have validated your reported problem and we suspect that your requirement is need to set the CSS for the DateTimePicker. Kindly refer the below CSS. 

.e-schedule-dialog .e-start-end-row .e-start-container .e-valid-input, 

.e-schedule-dialog .e-start-end-row .e-end-container .e-valid-input { 

    background: #ffd4d4; 

} 

  

Sample: https://stackblitz.com/edit/angular-hvbssd-wnt8wa?file=app.component.css   

  

If we misunderstood, kindly share us the more details like issue reproduced working sample(if possible)/Scheduler related codes/video demo for serve you better.  

  

Regards,  

Balasubramanian S