Adobe Edge

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

Please do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.

This forum is for discussing mojoPortal development

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

You can monitor commits to the repository from this page. We also recommend developers to subscribe to email notifications in the developer forum as occasionally important things are announced.

Before posting questions here you might want to review the developer documentation.

Do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.
This thread is closed to new posts. You must sign in to post in the forums.
5/30/2012 7:17:58 AM
Gravatar
Total Posts 167

Adobe Edge

Has anyone got any experience with using Adobe edge and Mojoportal.

After getting one example to work I was over the moon as it looks like a fantastic tool to use to create HTML5 animations.

However subsequent test samples have not proved so successful and do not appear to work. After several days of investigating with no joy, it would be nice to see if anyone else has had some success and how they developed it in.

For those who don't use adobe edge and may be able to help. what it does is creates several files and folders for your animation. This can be saved to your skin folder for use (well in one example it did and worked)

The folders are : edge_incluedes wchich is your normal jquery files (edge.0.1.6.min.js, jquery.easing.1.3.js, jquery-1.7.1.min.js and json2_min.js) if required there is also an image folder that can be merged with the existing one in the skin.

The other files it produces that are copied to the specific skin folder are (for project called simpletest) simpletest_edge.js, simpletest_edgeActions.js and simpletest_edgePreload.js.

Finaly you need to place some code in the page. in the head goes

<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<title>myframe</title>
<!--Adobe Edge Runtime-->
    <script type="text/javascript" charset="utf-8" src="simpletest_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-93747186 { display:none; }
    </style>

and in the  html content of the page goes 

<div id="Stage" class="EDGE-93747186">
</div>

on the working example all the script, style and div can be placed and works in the HTML.

Any animated HTML5 I create can work in a flat file, but not in mojoportal. Any suggestions would be so well recieved.

5/30/2012 9:37:57 AM
Gravatar
Total Posts 167

Re: Adobe Edge

OK got it working, there are a couple of issues that have had to be fixed to get it work. These are within adobe Edge and not mojoportal, but best post for those who want to use this in future.

First of all the code was falling over in the _edge.js file the comma in the s: {,}, below should not have been there, once removed the animation was OK. 

tf: [[-143, -108]]}]}], sI: [] }, s: {,},

var im = "'http://.....

and also in the loads in edgepreload.js

in

<script type="text/javascript" charset="utf-8" src="http://......



Hope that this helps

You must sign in to post in the forums. This thread is closed to new posts.