Canvas Support

Body data-loader-html

1 reply · opened Nov 18, 2020

SsguvenNov 18, 2020

Hi,

I see the following code in the demo-medical.html file which came with the package. When I copy the HTML code in the value of the 'data-loader-html' attribute into a separate HTML file, I see the heart beat image. However, I don't see it when loading the demo-medical.html. I only see a blank white screen. Am I not supposed to see the same heart beat image for a while?

Note: I tried Firefox and Chrome.

Regards.

<body class="stretched page-transition" data-loader-html="<div id='css3-spinner-svg-pulse-wrapper'><svg id='css3-spinner-svg-pulse' version='1.2' height='210' width='550' xmlns='https://www.w3.org/2000/svg' viewport='0 0 60 60' xmlns:xlink='https://www.w3.org/1999/xlink'><path id='css3-spinner-pulse' stroke='#DE6262' fill='none' stroke-width='2' stroke-linejoin='round' d='M0,90L250,90Q257,60 262,87T267,95 270,88 273,92t6,35 7,-60T290,127 297,107s2,-11 10,-10 1,1 8,-10T319,95c6,4 8,-6 10,-17s2,10 9,11h210' /></svg></div>">

SSemicolon WebSTAFFNov 18, 2020

Hello,

The Page Transitions are used only to display a Loading Animation until the window.load event. So if the Page loads faster, the Page Loading Transition Plugin would not have enough time to show the Loading Animation and will simply display the contents on the Page quickly. Please check the Online Version of the Medical Niche Demos here: http://themes.semicolonweb.com/html/canvas/demo-medical.html . The Page Transitions appears to be working fine.

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