Trigger Page Transition

2 replies · opened May 16, 2018

TTiklaKutlaMay 16, 2018

Hi,

I did see the page transition options but I'd like to ask to call/trigger the page loading effect customly.
And also if we'd like to change the loader gif or icon, is it possible?
Can we do it via data-loader-html?

Thanks,

TTiklaKutlaMay 18, 2018

It seems we have only 6 days for support. This issue is important for us. We'd like to trigger Canvas Page Transition Loader as some data is loading for the view.
And if posibble, we want to change loading gif to our custom gif.

Thanks,

SSemicolon WebSTAFFMay 31, 2018

Hello,

Unfortunately, the Page Transition function cannot be Triggered using a custom event. However, you can definitely change the Loader GIF using the data-loader-html Attribute. An example of this can be found in effect in the demo-medical.html Template.

Meanwhile, you can consider using the following code:


	jQuery(window).on( 'load', function(e){

		css3Loader = '';

		jQuery('body').append('');
		jQuery('.css3-spinner').html( css3Loader );
		setTimeout( function(){ jQuery('.css3-spinner').fadeOut( '400', function(){
			jQuery(this).remove();
		}); }, 2000 );
		e.preventDefault();

	});

Hope this Helps!

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

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard