Canvas Support

data-loader-html

3 replies·opened Sep 29, 2020
S
silkysackSep 29, 2020

hello, can you tell me what the data-loader-html= does? This is in restaurant theme. Specifically what <span class="pizza">is and <span class="slice"> is and does. and why are there so many?

<body class="stretched sticky-footer" data-loader-html="<span class="pizza"> <span class="slice" /> <span class="slice" /> <span class="slice" /> <span class="slice" /> <span class="slice" /> <span class="slice" /> <span class="slice" /> <span class="slice" /> <span class="slice" /> <span class="slice" /> <span class="slice" /> <span class="slice" /> <span class="slice" /> </span>">

S
SemiColonWebSTAFFSep 30, 2020

Hello,

The data-loader-html is used to add your Custom CSS3/SVG or HTML Codes for your Page Loading Transitions. As explained here: http://docs.semicolonweb.com/docs/getting-started/page-transition/ .

The .pizza Class is the Container for all the Pizza Slices and the .slice Elements are the Slices of the Pizza that are animated. You can find the CSS Codes relevant to this in the demos/restaurant/restaurant.css File.

Hope this Helps!

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

S
silkysackSep 30, 2020

I understand now, thank you for the explanation!

S
SemiColonWebSTAFFOct 1, 2020

Hello,

Very Happy to Help!

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

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