Step by step how to add HTML, CSS & JS to create an animated page.

[RichardSaunders]

Inspired by some of the amazing pacman, space invaderJoin the Challenge - 404 Page Gallery from Service Portal Introduction trainingposts from the Service Portal training i wanted to create my "own" interactive animated page.

On a website called codepen.io it gives you all the elements to re-create some nice graphical animations, example below.

Would anyone with experience is this area be able to provide steps to integrate this in a Service Portal page?

Your sincerely

no/low coders

[williammorton]

Hi Richard

Is this the only codepen program you have tried this with, or are there others that you have tested?

[RichardSaunders]

Hi Will, i have tried with ten or so templates. Again i am a low/no coder so i'm probably doing something wrong.

[williammorton]

Hi Richard,

I'm also a low coder, but I have a fair amount of experience working with HTML. So far though, I have also tried myself with several different codepen programs and am also not producing any results, leading me to wonder if this is somehow blocked by the Service Portal. I am currently trying the code locally on my pc to see if that works.

[RichardSaunders]

I'm glad it's not just me then!

Let me know if you have any success.

[Venkat122]

Hi Richard,

Is thsi widget added to the page?

On the widget you will have Has Preview checkbox, if it is checked then you can see the preview from the widget editor .