The favicon.ico asset path must start with the project source root

I am trying to use the solution like the one in your documentation: Room scheduler

I was downloading the project from 

and run "npm install" .

I was trying to start the project with "ng serve" and I've got the following error:

"The favicon.ico asset path must start with the project source root".

Please help me to run the project.

Hi Mircea, 

 

Syncfusion greetings. 

 

Sample Browser stack blitz sample will include all the files for all the Syncfusion components including unwanted for Scheduler. It could be the cause for the issue. Kindly prepare the individual sample with only Scheduler reference like below UG link. 

https://ej2.syncfusion.com/angular/documentation/schedule/getting-started/ 

  

Then include the resource code like below to render the Scheduler like online Room Scheduler sample. 

https://ej2.syncfusion.com/angular/documentation/schedule/resources/#customizing-resource-header-with-multiple-columns 

 

We have prepared the below sample for the same for your reference. Kindly use npm install and start commands. 

https://www.syncfusion.com/downloads/support/forum/150195/ze/Sample1879060404 

Regards, 

Karthigeyan 

I still have a question: how could I retrieve the source data from a local MongoDB database, not a local file?

Best regards,

Mircea

Hi Mircea, 

Thanks for the update. 

We can bind the data to Scheduler from MongoDB  and we have prepared a sample for your reference which can be downloaded from the following location.  

   

http://www.syncfusion.com/downloads/support/forum/143958/ze/ScheduleSample491785931  

   

In the above sample, we have added CRUD actions code snippet in server.js.  

MongoClient.connect(url, function (err, db) {  

    if (err) throw err;  

    var dbo = db.db("mydb");  

    app.use(function (req, res, next) {  

        res.header("Access-Control-Allow-Origin", "*");  

        res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");  

        next();  

    });  

    app.post("/GetData", (req, res) => {  

        dbo.collection('ScheduleData').find({}).toArray((err, cus) => {  

            res.send(cus);  

        });  

    });  

    app.post("/BatchData", (req, res) => {  

        console.log(req.body);  

        var eventData = [];  

        if (req.body.action == "insert" || (req.body.action == "batch" && req.body.added.length > 0)) {  

            (req.body.action == "insert") ? eventData.push(req.body.value) : eventData = req.body.added;  

            for (var i = 0; i < eventData.length; i++) {  

                var sdate = new Date(eventData[i].StartTime);  

                var edate = new Date(eventData[i].EndTime);  

                eventData[i].StartTime = (new Date(+sdate - (sdate.getTimezoneOffset() * 60000)));  

                eventData[i].EndTime = (new Date(+edate - (edate.getTimezoneOffset() * 60000)));  

                dbo.collection('ScheduleData').insertOne(eventData[i]);  

            }  

        }  

        if (req.body.action == "update" || (req.body.action == "batch" && req.body.changed.length > 0)) {  

            (req.body.action == "update") ? eventData.push(req.body.value) : eventData = req.body.changed;  

            for (var i = 0; i < eventData.length; i++) {  

                delete eventData[i]._id;  

                var sdate = new Date(eventData[i].StartTime);  

                var edate = new Date(eventData[i].EndTime);  

                eventData[i].StartTime = (new Date(+sdate - (sdate.getTimezoneOffset() * 60000)));  

                eventData[i].EndTime = (new Date(+edate - (edate.getTimezoneOffset() * 60000)));  

                dbo.collection('ScheduleData').updateOne({ "Id": eventData[i].Id }, { $set: eventData[i] });  

            }  

        }  

        if (req.body.action == "remove" || (req.body.action == "batch" && req.body.deleted.length > 0)) {  

            (req.body.action == "remove") ? eventData.push({ Id: req.body.key }) : eventData = req.body.deleted;  

            for (var i = 0; i < eventData.length; i++) {  

                dbo.collection('ScheduleData').deleteOne({ "Id": eventData[i].Id });  

            }  

        }  

        res.send(req.body);  

    });  

});  

  

  

Note: We have removed the local offset time before inserting and updating the events in the database collection to render the appointments without considering system UTC in the scheduler.  

   

In the below code we have given the GetData and BatchData url path to initial fetching and for performing CRUD actions using UrlAdaptor and assigned it to the scheduler datasource.  

    private dataManager: DataManager = new DataManager({  

    url: 'http://localhost:5000/GetData',  

    crudUrl: 'http://localhost:5000/BatchData',  

    adaptor: new UrlAdaptor,  

    crossDomain: true  

  });  

  public eventSettings: EventSettingsModel = { dataSource: this.dataManager };  

  

Steps to run the sample:  

npm install  

npm run server  

npm start  

   

Please try the above sample and let us know if you need further assistance.  

 

Regards, 

Vengatesh 

Hi Mircea, 

Thanks for the update. 

We have modified the previously shared sample based on your requirement that can be viewed from below link. 

Sample : https://www.syncfusion.com/downloads/support/forum/150195/ze/sample1589747769.zip 

Kindly try the above sample and let us know if you need any further assistance on this. 

Regards, 

Hi Mircea, 

 

Thanks for the update.  

 

We have validated your reported problem. Since we couldn’t reproduce the problem at our end. The shared sample is working properly and CRUD(create, update and delete) actions also working properly. Kindly share your time zone details for serve you better. 

 

Regards, 

Balasubramanian S 

Hi Mircea, 

Thanks for the update. 

Currently we are checking your shared details at our end and will update further details on January 8, 2020. We would appreciate your valuable patience until then. 

Regards, 

Balasubramanian S 

Hi Mircea, 

Thanks for your valuable patience. 

We have modified our previously shared sample based on your requirement. In below project CRUD actions are working properly and as well as in db. For your reference, we have attached screenshot. Kindly refer it. 

   

Sample : https://www.syncfusion.com/downloads/support/forum/150195/ze/sample-1469986948  

Kindly try the above sample and let us know if you need any further assistance on this. 

Regards, 

Balasubramanian S 

Hi Mircea,  

  

Thanks for your update.  

  

We have checked your reported problem in Angular 8+ and mongoDb 3.4+. We could able to reproduce the problem at our end. Kindly remove the time zone offset conversion code like below sample and check at your end. We have modified our previously shared sample with latest version 17.4.41 and checked CRUD operations in it, now the problem is solved. We prepared video demo for your reference. 

 

Video demo : https://www.syncfusion.com/downloads/support/forum/150195/ze/schedule_video_demo1477915265.zip  

Sample : https://www.syncfusion.com/downloads/support/forum/150195/ze/schedule_video_demo1477915265.zip  

 

Kindly try the above sample and let us know if you need any further assistance on this. 

  

Regards,  

Balasubramanian S 

 

Hi Mircea, 

Sorry for the inconvenience. 

You can get the sample from the below link. 

Sample: https://www.syncfusion.com/downloads/support/forum/150195/ze/sample118824569.zip 

Kindly try the above sample and revert us for further assistance. 

Regards, 

Vengatesh 

Hi Mircea, 

 

Thanks for the update. 

 

Q1 :   

 

We have validated your reported scenario at our end. We suspect that, you have prepared sample by using Scheduler UG. If we install the package through following line “npm install @syncfusion/ej2-angular-schedule –save”, only the Scheduler and it’s dependent component package will be installed. Here, ej2 package is not installed. So that, the issue is occurred. Kindly use the below CSS in styles.css file to overcome the issue.   

  

  

Kindly follow the below link and create Scheduler with Angular 8. If you still faced the reported problem at your end, kindly share the issue occurred project/clear replication steps/exact scenario for serve you better. We have prepared sample for your reference, please refer it. 

 

UG : https://ej2.syncfusion.com/angular/documentation/schedule/getting-started/ 

Sample : https://www.syncfusion.com/downloads/support/forum/150195/ze/ang_schedule_sample-1589440449.zip  

 

Q2 : 

The compilation time of the project depends on the project size. Even if there is a small change in the project, the hot reloading in angular triggers the compilation. So if the project size is large, then the compilation time will be longer. 

Q3 : 

 

We have prepared sample based on your requirement using popupOpen event like below code snippet. 

 

 

Q4 : 

We have added ‘Enter some text’ as fixed value for Subject field in same popupOpen event like below code snippet. 

 

 

Sample for Q3 and Q4 : https://stackblitz.com/edit/angular-2cnrxw-ld4ots?file=app.component.ts 

popupOpen event : https://ej2.syncfusion.com/angular/documentation/api/schedule/#popupopen 

 

Kindly try the above sample and let us know if you need any further assistance on this. 

 

Regards, 

Hi Mircea, 

 

Thanks for the update. 

 

Q1 - Q2:  

 

Currently, we are validating your reported scenario at our end and will update further details on January 21, 2020. Kindly be patience until then 

 

Q3 - Q4 : 

 

1. Is it possible to have focus to the second field in the Editor since the first field has a default value? 

 

We have validated your requirement and prepared sample using below code snippet. Kindly refer it. 

 

2. Now the Room field appear in the Editor, but with "1 selected" name instead of the real one (room 1, room2 etc). 

In the Room Scheduler demo (https://ej2.syncfusion.com/angular/demos/#/material/schedule/timeline-resource) 

the name of the room appear as clear text which is better. 

  

We could able to face your reported problem at our end. And we suggest you to use below code snippet to overcome the reported problem. 

 

Sample for Q3 – Q4 : https://stackblitz.com/edit/angular-2cnrxw-rjmepx?file=app.component.ts 

 

Q5 : The command "ng add  @syncfusion/ej2-angular-schedule" will install the package "@syncfusion/ej2-material-theme": "~17.4.39". 

But how can I install Angular Schedule with other built-in theme than Material? For example Bootstrap or High Contrast .... 

 

We can use different themes for Scheduler component. For example, If we want to use fabric theme, we need to change the below path name as fabric.css instead of material.css. 

 

   

 

For your reference, we have attached screenshot of supported themes for Scheduler. 

 

 

 

Q6 : How to open the Editor window with just one click (instead of the QuickInfo window)? 

 

Kindly refer the below KB link for your requirement.  

 

KB link : https://www.syncfusion.com/kb/10608/how-to-open-editor-window-in-single-click 

 

Q7 : How to perform some actions automatically, for example sending a confirmation mail, after I added successfully an appointment? 

 

Based on your requirement, we have prepared sample using actionComplete event. Kindly refer the below links 

 

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

actionComplete : https://ej2.syncfusion.com/angular/documentation/api/schedule/#actioncomplete 

 

Regards, 

Hi Mircea, 

Thanks for the update. 

 

Q1 : 

Currently we don’t have the support for handling other stylesheet format other than CSS in ng add. We have validated the reported issue and we considered this as a feature in our end. We have created a report for “Error thrown when installing packages using ng add” and please track this by below feedback link. 

Feedback: https://www.syncfusion.com/feedback/11385/error-thrown-when-installing-packages-using-ng-add   

Q2 :  

The schedule component has many dependencies. While building the project, all dependencies of the schedule component will build and tree shaking will be done for all dependencies. Because of this, the compilation time is getting longer. It is a default behavior of the Scheduler component. 

Q5 :  

We are consider this documentation improvement and we will refresh the changes in our upcoming main release. 

Q6 : 

We have validated your requirement in Angular 8 and prepared sample using popupOpen event like below code snippet. Since which is working properly at our end. Kindly try the below sample and let us know If you have any queries.  

Sample : https://www.syncfusion.com/downloads/support/forum/150195/ze/editor-window-single-click-1134426899.zip  

 

Q8 : 

We have validated your requirement and prepared sample based on that using popupClose event like below code snippet.  

 

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

Demo link : https://ej2.syncfusion.com/angular/demos/#/material/schedule/editor-validation 

 

Q9 : 

We can disable the past dates using popupOpen, eventRendered, actionBegin and renderCell events like below code snippet. Kindly refer and follow the below sample. 

Sample : https://stackblitz.com/edit/angular-disable-past-dates-tgdh7w?file=app.component.ts  

 

Q10 :  

We can format the resource column headers using resourceHeaderTemplate property and also we can change the timeslots using timescale property of the Scheduler. Kindly refer the below sample and UG links for more details. 

 

Sample : https://stackblitz.com/edit/angular-dttnyp-ekjfzj?file=app.component.html 

timescale : https://ej2.syncfusion.com/angular/documentation/schedule/timescale/#setting-different-time-slot-duration 

resourceHeaderTemplate : 

https://ej2.syncfusion.com/angular/documentation/schedule/resources/#simple-resource-header-customization 

https://ej2.syncfusion.com/angular/documentation/schedule/resources/#customizing-resource-header-with-multiple-columns 

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

 

Regards, 

Vengatesh 

Q1. OK, I will use the standard installation way.  Make sure the new feature will be able to distinguish between the src/style.css and src/style.scss and add the appropriate style files.

Q2. By chance I just found the problem: it is the webpack-cli package. In my case upgrading from package   "webpack-cli": "^3.1.0" (installed by the Angular Universal) to package   "webpack-cli": "^3.3.10" (latest) solved the compilation speed problem.

Q5. It will be useful to mention in the documentation what to do with the package "@syncfusion/ej2-material-theme" (installed with ng add) when you change form Material to other build-in theme as Fabric and the package will be useless.

Q6.  After many tests I found the problem with one-click: there is an incompatibility between 

if (args.type === 'QuickInfo') {

      const dialogObj = (args.element as any).ej2_instances[0];

      dialogObj.hide();

      const currentAction = args.target.classList.contains("e-work-cells") ? "Add" : "Save";

      this.scheduleObj.openEditor(args.data, currentAction);

    }

and

 if (args.type === 'Editor') {

      if (args.target.classList.contains('e-work-cells')) {

        let subjectElement: HTMLInputElement = args.element.querySelector('#Subject') as HTMLInputElement;

        subjectElement.value = "Enter some text";

      }

    }

when you put both in the "onPopupOpen(args: PopupOpenEventArgs)" function.

You will get the following error:

"ERROR TypeError: Cannot read property 'classList' of undefined  at AppComponent.onPopupOpen "

And I noticed something very confusing about the property "showQuickInfo": 

- if you add "[showQuickInfo]='showQuickInfo' " in the template with  " public showQuickInfo: Boolean = false;" in the component,  the one-click is disabled but the error "ERROR TypeError: Cannot read property 'classList' of undefined  at AppComponent.onPopupOpen " dissapeared.

- if you delete "[showQuickInfo]='showQuickInfo' " from the template the one-click is working, but you will have the error "ERROR TypeError: Cannot read property 'classList' of undefined  at AppComponent.onPopupOpen ".

Q8. Your example is very good for the standard Editor fields, but I need validations for the Editor custom template fields as:

let validator: FormValidator = ((formElement as EJ2Instance).ej2_instances[0] as FormValidator);

      validator.addRules('Email', { required: true });

How can I add extra validators to validate the input as an email address?

And second: in your example the validation process will run when you press the Save button. But when you have many fields will be very useful to validate each field individually before reach the end of the form. For example validate the Subject input before go to the next Location field.

Q9.  The same incompatibility if you add the one-click Editor code:

"ERROR TypeError: Cannot read property 'classList' of undefined  at AppComponent.onPopupOpen "

when you use the function

public onPopupOpen(args: PopupOpenEventArgs): void { 

    if ((!args.target.classList.contains('e-appointment') && (args.type === 'QuickInfo')) || (args.type === 'Editor')) { 

      args.cancel = this.onEventCheck(args); 

    } 

 if (args.type === 'QuickInfo') {

      const dialogObj = (args.element as any).ej2_instances[0];

      dialogObj.hide();

      const currentAction = args.target.classList.contains("e-work-cells") ? "Add" : "Save";

      this.scheduleObj.openEditor(args.data, currentAction);

    }

  } 

It's true I cannot add new appointments in the past,  but the Editor is opening and you are allowed to input data without being able to save it. It is more normal to have a modal or a notification and block to display any Editor or QuickInfo when the appointment time is in the past.

And it will be more convenient to block calendar browsing for the past days, something how is doing the minDate option.

Q10. I should be more clear.  I attached two images for the same page: "mobile view" when the page is displayed on mobile phone and "desktop view" when the same page is displayed on my laptop.

It has a time slot of 90 minutes. As you can see the time slots are displayed OK on the laptop but not on the mobile phone.

( 1 PM instead of 1:30 PM ). I would like to enlarge the cell to display correctly and completely  the time.

About formatting the cells: I would like to center column head ("Sat 25") but I do not know how to access the header to style it.

Thank you very much for your help.

Regards,

Mircea

Hi Mircea, 

 

Thanks for the update. 

 

Q1 :  

Yes. The feature will be able to distinguish between the style formats 

 

Q2 : 

We're happy you've found the solution to reduce the compilation time. 

 

Q5 : 

Yes. It will be useful and we will consider this as document improvement. 

 

Q6, Q8, Q9 : 

We have analyzed your query 6, 8 and 9 and prepared a sample based on that all requirement using popupOpen event like below code snippet.  

 

Sample : https://www.syncfusion.com/downloads/support/forum/150195/ze/editor_template_field_validation1371418805.zip  

Api for minDate : https://ej2.syncfusion.com/angular/documentation/api/schedule/#mindate 

Api for maxDate : https://ej2.syncfusion.com/angular/documentation/api/schedule/#maxdate 

 

Kindly try the above sample and let us know if you need any further assistance on this. 

 

Q10 :  

Currently we are validating the reported scenario at our end and will update further details on January 27, 2020. We would appreciate your valuable patience until then. 

 

Regards, 

Balasubramanian S 

Q1. I was trying to manually install the angular-schedule package with “npm install @syncfusion/ej2-angular-schedule –save”. My angular project has styles.scss, so I was trying to add

 @import '../node_modules/@syncfusion/ej2-base/styles/material.scss';

@import '../node_modules/@syncfusion/ej2-buttons/styles/material.scss';

@import '../node_modules/@syncfusion/ej2-calendars/styles/material.scss';

@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.scss';

@import '../node_modules/@syncfusion/ej2-inputs/styles/material.scss';

@import '../node_modules/@syncfusion/ej2-lists/styles/material.scss';

@import '../node_modules/@syncfusion/ej2-popups/styles/material.scss';

@import '../node_modules/@syncfusion/ej2-navigations/styles/material.scss';

@import '../node_modules/@syncfusion/ej2-angular-schedule/styles/material.scss';

files which I have in my node_modules folder.

The compilation process failed with the following error;

ERROR in ./src/styles.scss

Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):

ModuleBuildError: Module build failed (from ./node_modules/sass-loader/lib/loader.js):

@import 'ej2-icons/styles/material.scss';

@import 'material-definition.scss';

@import 'all.scss';

       ^

      Can't find stylesheet to import.

  ╷

1 │ @import 'ej2-icons/styles/material.scss';

  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

  ╵

  node_modules\@syncfusion\ej2-base\styles\material.scss 1:9  @import

  stdin 1:9                                                   root stylesheet

      in C:\\room\node_modules\@syncfusion\ej2-base\styles\material.scss (line 1, column 9)

If I use the css versions the compilation was OK.

Q2. Yes, I reduced the compilation time, but it's still very high because of the size of the syncfusion packages. If you use      webpack-bundle-analyzer for the main-es2015.js package with a 6.4 MB total size, you will see that the @syncfusion packages will be ~ 4.3 MB size while @angular packages have ~ 2 MB size. Can you confirm these are the expected sizes?

Q6-Q9. It is true there are no errors now when I remove any code which contains "if ((!args.target.classList.contains" and the one-click is working. This is causing unexpected problems. For example in process of removing that code I deleted also

this part:

  let roomElement: HTMLInputElement = args.element.querySelector('#RoomId');

      if (!roomElement.classList.contains('e-multiselect')) {

        let roomObject: MultiSelect = new MultiSelect({

          placeholder: 'Choose a owner',

          fields: { text: 'RoomText', value: 'Id' },

          dataSource: (this.roomDataSource as any),

          value: (((args.data as any).RoomId instanceof Array) ? (args.data as any).RoomId : [(args.data as any).RoomId])

        });

        roomObject.appendTo(roomElement);

      }

from your  Sample for Q3 – Q4 : https://stackblitz.com/edit/angular-2cnrxw-rjmepx?file=app.component.ts 

in that moment the autofocus was not working anymore !

And I understand we can rewrite the any code containing "if ((!args.target.classList.contains" to implement one-click Editor,

but what is happening with this code:

 if ((!args.target.classList.contains('e-appointment') && (args.type === 'QuickInfo')) || (args.type === 'Editor')) {

      args.cancel = this.onEventCheck(args);

    }

which I need for Q9 and did not appear in your response? How can be rewritten?

Yes, I implemented minDate to block calendar browsing, but I was forced to put minDate as "CurrentDate -1" , otherwise the user is blocked to add appointments to the current day entirely (which is not good). But using minDate as "CurrentDate -1" will allow the desktop users to browse for yesterday events which is not very desirable. And the mobile phone users will be able to browse all the past days which is not consistent behaviour, it is true without be allowed to add new appointments.

In my opinion it should exist a directive or something in the API to block entirely the calendar browsing older than a selected date.

Q8. The email validator is working, but how many build-in validators exist as  "validator.addRules('Email', { email: [true] }); "

and where can I found them?

Q10. I am waiting for your validation.  I was using " public currentView: View = 'Day';  " in my scenario. 

But I noticed also on the mobile phone just the first room name is displayed and the user has to tap the hamburger icon to be able to select a different room. This icon is not a very good choice since the hamburger icon is mainly used for menu items and it is not intuitive for the users. More convenient is to have a dropdownlist and a label in front like "Pick the room".

I have another small questions:

Q11. Where can I find details about Schedule API or other API to not bother you about different issues?

For example "if ((!args.target.classList.contains" can have different values as 'e-work-cells' or 'e-appointment' but I have no clue how many defaults values are and what it means.

Q12. How can I display the Subject field or any field with a fixed value as disabled in the Editor to not let users to modify that value?

Thank you very much for your help.

Regards,

Mircea

Hi Mircea, 

Thanks for your update and being patience. 

Q1 :  

We have checked the reported issue and it occurs because of the “stylePreprocessorOptions” option is not added in angular-cli.json file.  

If you are having angular-cli version 8 and trying to use SASS files in angular project, node-sass is required.  

Please refer the below documentation for more details. 

https://ej2.syncfusion.com/angular/documentation/common/how-to/sass/ 

 

Q2 : 

The size of the Syncfusion packages depends on the list of components used in the project and its loaded modules. Since you’ve mentioned size are expected size of the Syncfusion Scheduler package. 

 

Q6, Q9 :  

Kindly refer the below shared sample. In that, one click with event editor is working properly with no errors at our end. If you still faced the reported problem, kindly share the exact scenario of your requirement/replication steps/workable sample(if possible) for serve you better.  

For minDate related query : 

If we give new Date() as minDate, it will be consider current system time too. So that current Date is disabled in our scenario. So that, we suggested you to use “currentDate-1” to achieve the requirement. Instead of that, We can achieve by resetting the time like below code. 

For autofocus related query : 

Kindly try the below code in editor template, it will be auto focused whenever we open the editor window. 

 

Q8 : 

We are happy that the solution is working at your end. Kindly refer the below links for more details 

UG for validation rules : https://ej2.syncfusion.com/documentation/form-validator/validation-rules/ 

API : https://ej2.syncfusion.com/documentation/api/form-validator/ 

 

Q10 : 

The Scheduler resource names are displayed as menu list by default in mobile mode. Which can be viewed from using that hamburger icon. Since it is default behavior of the Scheduler in mobile mode. If you want to use Scheduler mobile mode as same as the desktop mode, kindly use enableCompactView as false like below code. 

 

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

UG : https://ej2.syncfusion.com/angular/documentation/schedule/resources/#compact-view-in-mobile 

API : https://ej2.syncfusion.com/angular/documentation/api/schedule/groupModel/#enablecompactview 

 

Q11 : 

We can refer the Scheduler API’s and documentation using below links. 

Scheduler API List : https://ej2.syncfusion.com/angular/documentation/api/schedule/ 

Scheduler UG : https://ej2.syncfusion.com/angular/documentation/schedule/getting-started/  

 

Q12 :  

We can disable the field with the fixed value like below code snippet. 

 

Q13 & Q14: 

We have checked your reported problem at our end using below sample. Since which is properly working. Kindly reproduce the issue in below sample/ video demo for serve you better. 

Sample for Q13 & Q14: https://stackblitz.com/edit/angular-dttnyp-n6azgk?file=app.component.ts 

 

Q15:  

Currently, we have validating your reported scenario at our end and will update further details on February 4, 2020. Kindly be patience until then. 

 

Sample : https://www.syncfusion.com/downloads/support/forum/150195/ze/Schedule_sample-458176512.zip  

 

All your queries has been resolved in above sample. So kindly try the above sample and let us know if you have concerns. 

Note : Kindly create a new support incident under your account and please follow the incident for further assistance.  

Regards, 

Balasubramanian S 

Hi Mircea, 

Thanks for the update and thanks for accepting our request. 

Please get in touch with us if you would require any further assistance. 

Regards, 

Vengatesh 

I opened https://www.syncfusion.com/forums/151209/cannot-read-property-classlist-of-undefined

for the remaining issues.

Thank you very much for your help.

Regards,

Mircea

Hi Mircea, 

Thanks for the update. 

You are most welcome. 

Regards, 

Vengatesh.