Edge Animate CC :: Elements / Text Linking To Styles In External CSS File
Jun 4, 2013
the project I am working on is using a default.css and I would like to assign styles from the file to elements in edge - how can I do that?I already tried the "class" setting in the GUI next an element but the elements do not use the styles defined in the default.css.The default.css is linked in the html file properly. In the js file which edge creates I see that the value userClass: 'slideTitle' is assigned and slideTitle is defined in the default.css.
Do I have to write a CSS rule for every symbol and element in a presentation or can I just specify a general rule for the whole thing?For example, how can I specify that all images should have a red border, or all links should change color on hover?
Shouldn't I be able to create a separate CSS file as in Dreamweaver and just attach it?
Is it possible to target adobe edge build from an external Javascript file? For instance, I click a button outside of the edge animate project and javascript tells Edge animate to "play()". What would that syntax be?
I'm trying to create all kinds of functions on an external .js file, so I can just call them in Edge multiple times with less coding. The thing is, after importing jQuery and my external Javascript file, some code works, but I get stuck at this part: changing the .css property of a symbol, more specifically, the "font-size" property. My current function is:
function setFont(textid,fontsize,originalWinWidth){ //textid: symbol's name; fontsize: current font size of this symbol; originalWinWidth: window size at the start of the animation console.log("Set Font:"); //set the original font size var originalFontSize = Math.round(originalWinWidth/fontsize); console.log("Original Font Size: " + originalFontSize); console.log("Text ID: " + textid); //set the font size using jquery sym.$(textid).css("font-size", originalFontSize); }
I get an error at the last line, all other parts of the code works.
I have come across about a dozen similar discussions, but most have presented solutions that worked in earlier versions of Edge and no longer work.
I am trying to use Edge to build animations that can then be integrated into larger non-Edge projects. I would like to then be able to control the Edge timeline or Edge symbols from elements OUTSIDE of Edge, such as another link or button in the page.
I cannot seem to figure out how to properly reference the Edge stage or symbols.
I have come across several proposed solutions for referencing Edge stage, such as:
var comp = AdobeEdge.getComposition("EDGE-966604542"); var stage = comp.getStage(); var comp = $.Edge.getComposition("EDGE-966604542"); var stage = comp.getStage(); var comp = Edge.getComposition("EDGE-966604542"); var stage = comp.getStage();
and these either DO NOTHING or throw errors about either AdobeEdge or Edge or comp being undefined.
I have an SVG file with text inside, if I open the file in the browser I can select the text, but when I import the file to Edge Animate and then exported as html I lose the ability to select the text with the web browser.
I am looking into edge instead of flash. My question is how do you load external images and videos from an external server?To clarify, I need to insert a link from where the images can load into the stage, so they don´t take up any of the final weight.
Is it possible to get the text color to FadeIn or the opacity of the text color to animate with the lines of code below? I simply want the color to fade in when the mouse rolls over the text.
So I created my own subscription form, I have it appear and disapear when you are on the button. And when you click on it, it stays. But how can a put in an action to add text to it?
I am including an animation I built using Edge Animate into Dreamweaver. I can't use an .oam file because of some other JavaScript I'm using so basically I'm limited to an .html file with all my edge includes java, and other supporting files.
when I preview in browser within dreamweaver. However, when I upload the page to my domain, my animate HTML file won't work. Here is a link to the current site in progress. (The first green box top left is my link to my animation). URL....
I have an existing HTML page (created in Adobe Muse) and I am trying to draw some Adobe Edge objects on top of the page (e.g. a rectangle or an image). When I look in the layers panel, the Edge objects show as top in the list. However, visually when I look at the page, the elements show behind the pre-existing HTML page from Muse.
I've placed the OAM file of my Edge animation and gone through the steps of creating a "folio", but when I preview in Adobe Content Viewer all I get is a static page that fades out when clicked.
The Elements window in Edge Animate seems to be unstable. When I right-click in the field to modify an asset, Edge often crashes with the resulting error message:
Edge Animate - Exception An error occurred. Please save your work and restart Edge Animate.
The PHP code is not parsed. In order to have it work with Wordpress, I am using "Edge Suite" plugin, which requires you to import the animation as an OAM file, then I am firing it like this inside one of Wordpress' PHP file:
The stage size you see above is H: 400px, W: 550px.
I would like for the stage to be smaller, say H:50px./W:400px
Ok so if I change the size of the stage the animation text will not show, so I need to adjust the position of the text in order for the animation text to be visible, but in doing that, I am disrupting the timeline and the animation goes all funny, is there another way of doing this without disrputing the timeline?
I have imported an OAM file into the first page of an app I am making in InDesign. The OAM looks correct on load but once the animation begins it gets really big and all I see is a tiny portion of the animation.
I have other text and graphics on that page I was wondering if that could be the cause.
I did take a class for it in college so I know the basics, but still learning. I am trying to create a very basic animation where I have 2 assets that begin off the stage on either side. I would like the elements to slide in from the sides and meet in the middle with about a 20px overlap. I tried setting a keyframe for both elements at 0 seconds and setting the X translations to -2000px and 2000px and then setting another keyframe at 5 seconds and changing the X translations to 48% and 52% respectively. This got me the desired effect, but only because I have such a large monitor. If the browser window is resized or the screen is smaller, the effect does not stay the same due to using percentages to center the elements.
is there a way to animate elements to the middle of the screen without percentages(maybe by using margin:0 auto or something)? Or is there a way to accomplish what I am looking for so that the positioning of the elements is the same regardless of browser window size?
I'm using Animate to create a lesson/course and I would like to be able to click on a word in the text and have a new text box open with a definition/explanation of the word clicked. Is there a way to do that in Animate? I haven't been able to figure it out.
This is the first time I have used Edge Animate..I have created a simple line of text that fades in from left to right. In chrome, the HTML file looks great. I FF and IE, the last part of the line of text is missing!
I am working on my first Animate project. The project has several screens with short paragraphs of text on each screen. Within several of the paragraphs, I need to set up multiple links rather than linking the entire text box to one URL.
If it can't be done, I can set up transparent boxes with the links to sit on top of the text - not the best way to do this but it seems to work. In that case, is there an easy way to "stop" the link just before the user moves to a different place in the timeline?
I just need to create a simple animation to be dropped into a MUSE creation and I think Edge Animate is the right way to do it. For the life of me I cannot figure out how.
Basically, I want to create a simple animation to explain the dimensions of a product. A line with arrows on both ends would grow to the length of a line drawing symbolizing its height for example.
Accompanying that would be a text box that I would like to simply count up from 0.0" to 3.5" for instance. how do I dynamically update the text from 0.0 to 3.5 across a 2 second animation in Edge Animate?
when I import a project .oam in InDesign, and over the project, into a higher level, there is text, the text is covered from the animation when it run in folio.
I'm having a bit of a problem getting my text to behave the way I want. In Straight HTML (CSS) I can create a inline block div, place text in it and the text stays in the div, returns when it needs to at the end of the DIV, and expands the bottom/height of the div to fit text.
I can't figure out how a to get that same effect in animate. Can you do this with settings or do I need to code the Css into the div?
Is it possible for text or an object to overlay another object that is interactive but not inturupt the interactivity of the object below? As if the the text interactivity was trasparent.
I published my Animate composition and inserted it into DW. Animate added "edgeanimate_assets/menu" to all of my button links so they don't work. How can I prevent that from happening?
