Page 1 of 1

SVG animation not working

Posted: Mon Sep 16, 2024 9:02 am
by MarcoGöli
I have inserted a text in a new project in a layout grid with lines of an animated SVG. In the properties of the text, I have checked the box for Do not encode HTML characters. I have stored the CSS in the head of the page. The SVG is not displayed. I have already inserted the same thing several times and it worked perfectly.
The error occurs under WWB 19.4.0. I also have not centered the page alignment. The page width is max. 1280 pixels, but texts are still displayed on the far left on wider screens. The content place holder is on the far left!
Maybe someone has a tip as to why this could be!

https://terrasenz.ch/test/index.php

Re: SVG animation not working

Posted: Mon Sep 16, 2024 9:24 am
by Pablo
To be able to help you, I need a DEMO project (.wbs file) so I can see all your settings.
Also, please include a description how to reproduce this problem.

I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.

Note that I cannot see what you have done based on the published page (HTML), because the software has thousands of options and millions of possible combinations.
So, there is no way to know which options you have used by looking at the HTML only.

For further details about how to share a project file, please see this FAQ:
viewtopic.php?f=10&t=82134

Re: SVG animation not working

Posted: Mon Sep 16, 2024 9:43 am
by MarcoGöli
Here the test project
https://terrasenz.ch/test.wbs

Re: SVG animation not working

Posted: Mon Sep 16, 2024 11:32 am
by Pablo
This is a very strange way to include a SVG file! The text object was not really designed to support this.
Why didn't you just use an HTML object?

Re: SVG animation not working

Posted: Mon Sep 16, 2024 12:41 pm
by MarcoGöli
It has always worked in a text so far.
But why does the Content Place Holder still stay on the left on large screens, even though the width is set to a maximum of 1280 pixels?

Re: SVG animation not working

Posted: Mon Sep 16, 2024 12:58 pm
by Pablo
It may have worked, but it was never correct. This will result in invalid HTML, so depending on the context it will fail.
Please use a HTML object instead. Also, SVG images can be inserted via the Image object.

The content place holder is configured as fixed container.
The correct way to use a content place holder in flexible layouts is explained here:
https://www.wysiwygwebbuilder.com/master_frame.html

Re: SVG animation not working

Posted: Mon Sep 16, 2024 5:56 pm
by MarcoGöli
The Content Place Holder now works with the “floating” setting. The SVG is displayed with but without animation. I still have to adjust the Illustrator export setting, then this will work fine.
Thanks Pablo