1. Home
  2. Forum
  3. Angular - EJ 2
  4. Using EJS1 and EJS2 in same project

Using EJS1 and EJS2 in same project

Hi,

I wantted to include @syncfusion/ej2-ng-schedule module to existing project with ej-angular2 included. After including styles: node_modules/@syncfusion/ej2-schedule/styles/material.css , that broke some scrollers in eq Gantt and Kanban. I also prepared example with that problem and appended it below.

Some pictures with problem:


If I do not include ej2-schedule/styles/material.css, than all looks well:

Now I wonder if it is posible to combine EJS1 and EJS2 and use it in the same project?

Regards,
Marko

Attachment: styleProblem_7b2b5eb6.rar

3 Replies
VS Velmurugan S Syncfusion Team July 20, 2018 10:40 AM UTC

Hi Marko,    
  
Thanks for Contacting Syncfusion Support.   
  
We suspect the reason for the issue is with scrollbar misalignment which might require a compatibility in ej2 schedule theme is not referred properly in your application. Since, we could see you are referring the normal theme ej2-schedule/styles/material.css instead of the ej2/schedule/compatibility/material.css. Therefore, we request you to refer to the proper theme files as shown below in the styles.scss file to overcome the misalignment issue.    
   
styles.scss file:    
   
@import url(../node_modules/syncfusion-javascript/Content/ej/web/material/ej.web.all.compatibility.min.css);   
@import url(../node_modules/@syncfusion/ej2/schedule/compatibility/material.css);   
   
   
We have prepared a sample with the above style reference and rendered the mentioned controls JS1 Gantt, Kanban and JS2 Schedule, which can be downloaded from the following location.   
Also, we request you to refer to the below UG link to know about the Compatibility with JS2 components.   
Kindly try with the above sample and suggestion and let us know if you need any further assistance on this.    
  
Regards,    
Velmurugan  


MA Marko July 31, 2018 11:24 AM UTC

Hi,

sorry for my late response. I have checked your answer and found out that I have overlooked Compatibility post on your documentation site. I followed the instructions and now it works fine.
I apologize for my sloppiness and I thank you for your help.

Regards,
Marko

VS Velmurugan S Syncfusion Team August 1, 2018 05:07 AM UTC

Hi Marko,  
 
You are welcome. 
We are glad that our provided solution helped you to overcome the reported issue. Please let us know if you need any further assistance on this.  
 
Regards,  
Velmurugan 


Loader.
Up arrow icon