Forum Replies Created

Viewing 15 replies - 31 through 45 (of 50 total)
  • Thread Starter pacweb

    (@pacweb)

    Ok good news and bad news …

    The Good News – Using the experimental build (from a few days ago); I have used the plugin to load in an almost full width animation into the header on the local dev version of my site. This animation is replacing my company logo. The site is running on WP 4.0, as well as the Genesis framework and a decently complex, responsive theme. The animation has a downlevel stage, as well as being set to responsively resize (width only). I used the php if statement, loaded in the functions.php (the theme has a function in there that controls the header image) then set a default animation through the plugin in the WP Admin. It all works perfectly, including the responsive resizing. I am now able to further refine the animation in Edge Animate, then just do a quick upload in the plugin to see the update.

    The bad news – I have seen the same quirk that I saw this morning. When the page loads for the first time it is relatively blank and massive in size. I saw massive because there are very, very long horizontal and vertical scroll bars. If I reload the page (I think it goes away). If i resize the page, even just a small bit, the page loads up correctly. I think I have only seen this with animations that are set to use the Responsive Scaling setting in Edge Animate.

    Timm – I will try to reproduce the problem and email you a screen shot.

    ~ PacWeb

    Using the new, experimental build I was able to get 3 animations to run on the same page at the same time.

    Thread Starter pacweb

    (@pacweb)

    Hi,

    I have tested 7 animations that do not use a preloader, and all uploaded an worked correctly.

    I tested 3 animations that do use a preloader and they also uploaded an worked correctly.

    I tested 3 animation on a single page and all of them displayed correctly.

    I also tested 1 animation that: has a preloader, does not use the Adobe CDN, and does not ” Publish preload DOM as a separate file.” This animation also uploaded and works correctly.

    BUT, I did see some playback issues. I never saw my preloaders (wait cursor animations) and many of the animations did not display as they should have until my browser window was resized. I want to note that this may be more of an issue of browser refresh than a problem with the plugin. To do the testing, I would import an animation; in the WP admin update the shortcode, then in another tab reload that page to see the new animation.

    I am going to do some more testing to see if the animation sizing issue that I ran into is related to the plugin. Namely I am going to setup individual animations in their own pages instead of reusing the same page. Along with this I need to check if selecting the settings for Responsive Scaling and Center Stage in Edge Animate might be related to the sizing issue I just encountered.

    More to come …
    ~ PacWeb

    Thread Starter pacweb

    (@pacweb)

    Hi Timm,

    I will use the newer version and test both scenarios: with a preloader and without. When I am done I will post my results here.

    Stay tuned …
    ~ PacWeb

    Hi cydsmith,

    I saw your second post in the other Edge Suite thread: https://wordpress.org/support/topic/edge-suite-not-working-after-edge-animate-upgrade-1 and responded over there.

    Thanks,
    ~ PacWeb

    Thread Starter pacweb

    (@pacweb)

    Hi cydsmith,

    I looked at your demo site, The animation loaded and ran for me. When I went to the other pages (How, What, Who, Why) I saw a different animation, just a rotating compass. Let me respond to your questions:

    1) What browser are you using?
    I am using Chrome. I have seen (with my own animations) and have heard that the animations can have problems in non-webkit browsers (Firefox and IE).

    Also, is Edge Animate flagging any warnings?
    They would show as a little yellow, caution triangle in the lower righthand corner of the stage.

    2) I have found hardcoding an animation difficult as well. If you are talking about the “Edge Suite” dropdown in a Edit Post/Page page, I think Timm once told me that that dropdown doesn’t do anything (other than give you animation IDs to reference). A few of questions:
    Are you trying to have the specific animations only in the header?
    If not, have you tried using the shortcodes for the specific animations that you want on specific pages?
    If you do want them only in the header, do you have a widgetized area in your header that you can leverage?

    Thanks,
    ~ PacWeb

    Thread Starter pacweb

    (@pacweb)

    Hi Philnicholl – thanks!

    Hi Sam53 – is your friend still having problems?
    Even after using the ES5 plugin and setting up the preloader.

    Thanks,
    ~ PacWeb

    Hi Everyone,

    Working with Timm we have found a possible workaround to this problem and a way to import OAM files into a WP site. This may give you a way to get past work bottlenecks while Timm is building a new plugin.

    But be VERY CAREFUL, this is a lightly tested workaround and it uses the non-production version of the Edge Suite plugin, ES5.

    If you are still interested, and don’t mind some risk please do the following:

    You need to do 2 things:

    1. In Edge Animate, as part of your animation you need to do two steps:
    1. Add a preloader (wait cursor) to your Edge Animate animation. This is set as part of the Stage.
    2. Check the box for “Publish preload DOM as separate file” under Web Publish settings.
    • Use the newest version of the plugin, ES5. And to reiterate Timm’s note, “DON’T EVEN TRY TO USE THIS IN PRODUCTION! ” so use with caution. You can get ES5 here:
      https://github.com/ti2m/edge-suite-wp/tree/ea5
    • If this workaround works for you, great. Please let us all know.

      If it doesn’t work, let us know what the problems are that you are running into.

    Thread Starter pacweb

    (@pacweb)

    I have a theory about why the “Publish preload DOM as separate file” setting is only under Web Publish settings and I just did a test that seems to confirm it.

    Adobe got rid of the preloader.js as part of their lightening of Edge Animate. But it is still something that might be needed in customized web projects. So they kept a setting to publish that file under the Web Publish settings.

    I am thinking that they were thinking that the setting was not needed under the Animation Deployment Package setting, because an OAM file is usually used by another Adobe product. So if the setting was under Animation Deployment it was unnecessary and potentially confusing to people using Animate.

    In Dreamweaver I tried inserting an OAM file from an animation that does not have a preloader set (wait cursor) into a new HTML doc. A file that causes an import error in WP. It inserted (imported) perfectly.

    I am thinking that Adobe built the ability to parse the OAM without a preloader (js file or wait cursor) into their programs. But didn’t realize that it threw off your plugin and only put a setting to create a preloader.js under Web Publish settings because that is the spot for ‘customized’ web output in Edge Animate.

    Basically, they were trying to lighten the Edge Animate program and keep its UI straight forward. But ended up causing this subtle confusion.

    Does this make sense?

    Thread Starter pacweb

    (@pacweb)

    No problem. It was a team effort. I would not have found all of this on my own. Our trading messages is what uncovered all of this.

    You are correct, the only setting for “Publish preload DOM as separate file” is found under the Web settings.

    From what I found, to get an OAM to import correctly you need to do two things:
    1) Add a preloader (wait cursor) to your Edge Animate animation.
    2) Check the box for “Publish preload DOM as separate file” under Web Publish settings.

    You are right, this is not intuitive at all.

    Thread Starter pacweb

    (@pacweb)

    If this is getting too convoluted, email me and we can setup a screen sharing call and I can take you through what I have done.

    Thanks!

    Thread Starter pacweb

    (@pacweb)

    I am sending you two screen shots:
    1) Of the Animate Deployment Package settings – there is not an option related to the preload DOM.

    2) The Web publish settings – I did an experiment:
    – I added a preloader (wait cursor) to an animation.
    – Then I published the animation, BUT I did not check the “Publish preload DOM” setting under Web Publish Settings (see screen shot).
    – Then I tried to import the OAM into my WP site. The result was the “preload.js file missing” error.
    – Then I went back to Edge Animate, checked the preload DOM setting under Web publish settings, and published again.
    – When I went to my WP site, the newest OAM imported.

    I suspect that not only did Adobe get rid of the preload.js as a default, but the setting that controls its creation is ONLY found under Web Publish Settings. Which is a little misleading.

    Thread Starter pacweb

    (@pacweb)

    Can’t enable it.

    But if I add a preloader (spinning wait cursor, etc) to my animation then I can check the box. I should note that this is under the Web Publish Settings. That option is not available under Animate Deployment Package.

    I will email you a screen shot.

    Thread Starter pacweb

    (@pacweb)

    Hi Timm,

    Ok I tested 7 animations, of varying complexity, and some were created by other people. None of them have preloaders or down level stages. I carefully checked the publish settings: all of them are set to use the Adobe CDN and all have the option for “Publish preload DOM as separate file” greyed out.

    The result = all had the “missing preloader.js file” error on import into WordPress.

    So at least it is consistent.

    What would you like to do next?

    Thanks,
    ~ PacWeb

    Thread Starter pacweb

    (@pacweb)

    That exactly it. The preloader (animation setting) was not set and the published OAM file would not upload (import). The animation you downloaded from dropbox should be the first version that does not have a preloader set (animation setting). So it should replicate the upload error.

    When I get a chance I will throw together another simple animation that does not have a preloader set (animation setting).

    I wonder how many other people are running into the import error, because their animation does not have a preloader set (animation setting).

    It has been tricky, when writing these posts, to distinguish between the preloader setting in Animate and the js file.

Viewing 15 replies - 31 through 45 (of 50 total)