Loading Skeleton using SVG - HELP!

(0) Share

Report

Posted on by RodCha

216

Has anybody found a way to build a loading skeleton that can work in PowerApps-Canvas;
This is what I have, but basically is a circle rotating indefinite:

Loading Skeleton SVG.gif

"data&colon;image/svg+xml;utf8, "&EncodeUrl("
<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'
 style='margin: auto;
 display: block;
 shape-rendering: auto;'
 width='"&650&"px'
 height='"&650&"px'
 stroke-width='10'
 viewBox='0 0 100 100'
 
 preserveAspectRatio='xMidYMid'>

<path fill='"&"#99999940"&"' stroke='none'
d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z'>

 <animateTransform
 attributeName='transform'
 type='rotate'
 dur='3000ms' 
 repeatCount='indefinite'
 keyTimes='0;1'
 values='0 50 51;360 50 51'>
 </animateTransform>
</path>
</svg>")

Categories:

Building Power Apps

I have the same question (0)