Template shows blank page and transitions are also not working in Angular 4

Question

Hi,

I have encountered this issue while setting up landing page for my client using angular 4. In console there is no error and blank page is displayed. If i remove id="wrapper" then page is displayed but there is no transition and parallax slider. I am referring the code below:


	

		

			

				
					
						Welcome to **La Photone**

I have tried to manually initialize semicolon init functions like so:

SEMICOLON.documentOnReady.init();
			SEMICOLON.documentOnLoad.init();

But no success, If you can help me setting up template in angular 4, i would be very grateful to you.
Thanks

SemiColonWeb · Accepted Answer

Hello,

Unfortunately, Canvas is currently not Angular compatible and we currently do not provide Support for Angular related Issue since it is out of scope of the Template.

To fix the issue with Blank Page, please find and delete/comment the following code in the js/functions.js File:

SEMICOLON.initialize.pageTransition();

and add the following CSS Code:

body:not(.no-transition) #wrapper { opacity: 1; }

This will definitely work fine.

Unfortunately, Page Transitions currently cannot be called manually, since the Page is Loaded in Window Load. You might have to consider setting up a Custom Preloader Transition on your Page for Angular.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

whaider06 · Answer

Thank you, I would make the changes and I am sure it will solve blank page issue. I would highly appreciate if you work on angular templates as well. Have a great day, Thanks

Semicolon Web · Answer

Hello,

Thank You so much! We will definitely try working on the Angular Template in the Future Updates.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have a Great Day!