App Connect Animate CSS Support Product Page

Solved

Animations does not work

Reported 12 Jan 2018 11:42:59
1
has this problem
12 Jan 2018 11:42:59 Anne Cecilie Nygard posted:
I have purchased the extension and also the DMX zone app connect. But I cannot get the animations to work. I have followed the steps in the video tutorials, but the element will not animate. The css file and js files are added to the page. But in the browser nothing happens.

The help link in the extension window in Dreamweaver does not work either. Nothing happens when I click it.

Replies

Replied 12 Jan 2018 13:29:13
12 Jan 2018 13:29:13 Teodor Kuduschiev replied:
Hello,
Please provide a link to your page, where we can check.
Replied 12 Jan 2018 14:02:53
12 Jan 2018 14:02:53 Anne Cecilie Nygard replied:
Hi and thank you for responding so fast
Here is the link to the page: maelumstuen.businesscatalyst.com/pelssau_copy
I have tried to animate the image, but clearly I am doing something wrong.
Replied 12 Jan 2018 14:06:31
12 Jan 2018 14:06:31 Teodor Kuduschiev replied:
None of the files in the dmxAppConnect folders are uploaded to your server. That is the issue i see on the page.
Replied 12 Jan 2018 14:11:35
12 Jan 2018 14:11:35 Anne Cecilie Nygard replied:
These were automatically added to the page:
<link rel="stylesheet" type="text/css" href="dmxAppConnect/dmxAnimateCSS/animate.min.css" />
<script src="code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="dmxAppConnect/dmxAnimateCSS/dmxAnimateCSS.js"></script><script type="text/javascript" src="dmxAppConnect/dmxAppConnect.js"></script>

Should there be more? If so, where do I find them? I have a file named DmxAppConnect, and that folder is uploaded to the site.
Replied 12 Jan 2018 14:23:10
12 Jan 2018 14:23:10 Teodor Kuduschiev replied:
<script src="code.jquery.com/jquery-1.9.1.js"></script> -> this is not a script added by our extensions. The rest are not uploaded to your server:


Quote<link rel="stylesheet" type="text/css" href="dmxAppConnect/dmxAnimateCSS/animate.min.css" />
<script type="text/javascript" src="dmxAppConnect/dmxAnimateCSS/dmxAnimateCSS.js"></script>
<script type="text/javascript" src="dmxAppConnect/dmxAppConnect.js"></script>


Just make sure to MANUALLY upload the app connect folder to your server ...
Replied 12 Jan 2018 14:27:16
12 Jan 2018 14:27:16 Teodor Kuduschiev replied:
Also, i see other issues on your page, not sure why you messed with the code and moved things around.
1. These two attributes must be on the body tag, not to some random div on the page. And our scripts put them to the body tag by default: image.prntscr.com/image/Ov8BLPB4Svmntz6qCM94Hg.png
2. The order of the scripts in the head tag is wrong:
<script type="text/javascript" src="dmxAppConnect/dmxAnimateCSS/dmxAnimateCSS.js"></script>
must be after:
<script type="text/javascript" src="dmxAppConnect/dmxAppConnect.js"></script>

Please fix these.
Replied 12 Jan 2018 14:30:44
12 Jan 2018 14:30:44 Anne Cecilie Nygard replied:
But they are uploaded. I can see them in inspect in Chrome in the head of the page. I can also see that the whole folder is uploaded to the remote server in DW. I have uploaded it again, but it still does not work.
Replied 12 Jan 2018 14:33:45
12 Jan 2018 14:33:45 Teodor Kuduschiev replied:
They are already uploaded. Please see my previous post:

Also, i see other issues on your page, not sure why you messed with the code and moved things around.
1. These two attributes must be on the body tag, not to some random div on the page. And our scripts put them to the body tag by default: image.prntscr.com/image/Ov8BLPB4Svmntz6qCM94Hg.png
2. The order of the scripts in the head tag is wrong:
<script type="text/javascript" src="dmxAppConnect/dmxAnimateCSS/dmxAnimateCSS.js"></script>
must be after:
<script type="text/javascript" src="dmxAppConnect/dmxAppConnect.js"></script>

Please fix these.
Replied 12 Jan 2018 14:42:45
12 Jan 2018 14:42:45 Anne Cecilie Nygard replied:
That took care of it
I now added the files and the code to the pages template, and it works great. Thank you so much for helping me
Replied 21 Feb 2018 13:08:20
21 Feb 2018 13:08:20 Anne Cecilie Nygard replied:
Hi
I am still having some problems with this app. I build my pages in Dreamweaver and use a template that are applied to all the pages on the site. But, when I add DMX zone to the template, the contact form on the site is not working anymore.
I have solved it by giving the contact page its own template, but that is not a very good solution.

You say that the attributes must be put on the body tag of the page, but using a template makes that impossible, unless I put it on the template, but then I bump into the problem mentioned above.

I have tried to leave the attribute on the template, and moved all the scripts to the page where the animation is, but then I get a message saying that the app already is running, every time I load the page.

Also, the scripts does not apply themselves in the right order, so the animation scripts are automatically put above the DMZ sone js.
It also DO add the <script src="code.jquery.com/jquery-1.9.1.js"></script>.

Do you have a good solution for these problems?

Reply to this topic