shoalinagent

Wow, I’m an idiot. Please disregard the last post I wasn’t setting an end date ?? So I’m just looking for a way to copy/paste shifts (if there isn’t, it would be a great feature) and if the shift trade button can be disabled.

Actually upon further testing recurring shifts has no effect at all. Im on wp 4.1.1

I think given that this was a one off unique problem it’s only fair to close the thread. I have created a standard wp post field to contain the animation and all is working fine.

Just to clarify for future users. If you want full responsiveness on both the animation and container do not use custom fields unless you set the animation for global use.

The site is https://viscositydesign.com

The theme is my own based on quark starter theme. The field is a custom field from the advanced custom fields plugin (just a standard wysiwyg field). I am only using the one comp and have removed jquery from it. I have noticed if i set to global my buttons dont work but if I display the animation in a standard post it works perfectly. Im sure if a created a full width post field below the header using standard wp wysiwyg editor it will work fine as of your last update and that will likely be the next course of action.

Also if I set it as the default animation for the homepage it still doesn’t display. And setting globally works but throws out all of the columns in every other page.

You can increase the file limit in the edge suite plugin settings

@pacweb, @ timm
Thanks for the responses guys. Yes I have used the same configuration with previous versions and it worked a treat. I’m happy to send my oam file to you pac, it’s on its way. As far as I know, no chaanges have been made to div’s or anything, I only updated the assets in terms of jpeg and png files, nothing more.

https://www.advancedcustomfields.com is the plugin. But I am using a wysiwyg field which is no different to a standard wp post field. I even tried to use a standard post field on the front page and it still didn’t work, now Im really confused. I do get a message upon uploading ghe animation which says unable to determine stage size perhaps its the reason. Not sure why im getting that message though.

This is a known problem since the november update of edge animate, please see the following:

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:

In Edge Animate, as part of your animation you need to do two steps:
Add a preloader (wait cursor) to your Edge Animate animation. This is set as part of the Stage.
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.

Ok upon further inspection it seems to be the custom field that causes the problem. If I use the standard wordpress post field the animation shows (and is responsive), however if I use a custom field it will not load. No idea why this is happening as of yet.

Hi Pacweb,

Just wondering if you can enlighten me.

I have updated an animation and used es5 to get it to upload, set responsive scaling and max-width in edge.

It uploads fine, however I cant see the animation as its scale is auto setting to 0.

What did you do to stop this from happening?

I will share the CSS for the container holding the edge animation:

.edgewrap {
position: relative;
width: 100%;
height: 100%;
max-height: 419px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}

Please refer to the thread “Not working after latest Adobe CC update” and in particular the comment:

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:

In Edge Animate, as part of your animation you need to do two steps:
Add a preloader (wait cursor) to your Edge Animate animation. This is set as part of the Stage.
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.

On this line:
<?php the_field(edge_animation id=”20″, $page_id); ?>

The field ID needs to be the field in which you put the edge shortcode.

I use a plugin called Advanced Custom Fields where you can create your own fields for pages in wordpress. That line of code is setting a container around the custom field, so If you are just typing it into the default wordpress WYSIWYG editor it won’t work.

This request is outside the scope of this plugin, I’d recommend giving this a look or something simular:
https://jscroll.com/

This is because you haven’t defined a max-width or height, as far as the animation is concerned there is no room to work with, for full responsiveness you need to write some code, also you should use CSS for setting your margin.

Also a good idea to nest the edge animation inside another div, for instance:

HTML:
<div class=”edgewrap”>
<?php the_field(‘edge_animation’, $page_id); ?>
</div>

CSS:
.edgewrap {
position: relative;
width: 100%;
height: 100%;
max-height: 419px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}

In the above example I am using a custom field to hold the edge animation but you get the idea.