Edge Animate code into Dreamweaver jquery mobile theme?

I am having trouble getting my Edge Animate file to work on my Dreamweaver jquery mobile theme web site. I was told to get the code from my animate file and put it in my dreamweaver web site. Kind of like this.....copy the Edge runtime code, paste in web site under <head>. Then copy div stage code, and paste it in my website under the content div. I just cant seem to get it to work. It shows up blank.

Ok, i got it. I was making this a lot harder then it needed to be. If anyone else has this problem, you just publish your project when in Adobe Edge Animate, then save in the folder you are using for your website. Then in Dreamweaver you can go to insert media, find the file and insert it. All is well.

Similar Messages

There is suppsoed to be an option to import Edge Animate objects into Dreamweaver. I have the latest

There is suppsoed to be an option to import Edge Animate objects into Dreamweaver. I have the latest version and I do not see that option.
Windows 8.
DW CS6
12.0 5808
http://helpx.adobe.com/dreamweaver/using/import-edge-files.html
http://layersmagazine.com/edge-animations-into-dreamweaver-cs6.html
And I am a member of creative cloud

Reading another post... here's what I had to do. Log into creative Cloud. >> Re-Download Edge >> It installs over the top of the existing Edge Animate install >> Then close everything >> go back into Creative Cloud >> Now it shows that Dreamweaver has an update. >> So I download the latest Dreamweaver>> Bam!
My guess is there is no reason to have the DW 12.2 if the system doesn't think you have the latest Edge Animate.
Silly.
Thanks again.

Unable to Insert Adobe Edge Animate files into Dreamweaver CS6!

I have just tried the new Insert Edge Media feature in the new Cloud version of Dreamweaver CS6, but I can't get it to work!!
I have the option, but all the files in the Edge folder are unhighlighted (grey'd out) and I am unable to select anything Edge has published. I have noticed that the file extension has recently changed from .edge to .an with the launch of Animate.. Is this the problem?
Its a shame as its really quite tricky to put edge stuff into a web page at present..
Any ideas?
Wesley

Do you have an HTML5 web document open?
Below are instructions from the DW CS6 Reference document
http://helpx.adobe.com/pdf/dreamweaver_reference.pdf
Import Edge Animate compositions | Creative Cloud
This feature is available for Creative Cloud members and point product subscribers only.
You can import Adobe Edge Animate compositions (OAM files) into Dreamweaver. The composition is placed at the location of the cursor. Dreamweaver extracts the contents of the imported OAM file to a folder named edgeanimate assets. You can change the default location in the Site Setup dialog.
1. Ensure that your cursor is at the location where you want to insert the Edge Animate composition.
2. Select Insert > Media > Edge Animate Composition.
3. Navigate to the location in your computer containing the OAM file, and open it. The animation is placed at the specified location.
By default, the contents of the OAM file are extracted to the edgeanimate_assets folder. A sub folder with the name of the file is created. The contents of the OAM file are placed in the Assets folder under this location.
You can place Edge Animate Compositions into individual pages not part of any site. The files are extracted to the location of the page.
Location of extracted files
     A. The edgeanimate_assets folder
     B. The folder created using the file name of the OAM file
     C. The Assets folder containing the extracted files
4. Preview the inserted Edge Animate composition in a browser or in the Live View.
Change default location for extracted files
1. Open the Site Setup dialog for your site.
2. Under Advanced Settings, select Edge Animate Assets.
3. In Asset Folder, modify the location for extracted files
Nancy O.

JQuery Mobile Theme - works Dreamweaver but not online

I created a new JQuery Mobile Theme in Fireworks CS6: Commands - JQuery Mobile Theme - Create New Theme. Then exported the theme to a folder where I am designing a new mobile app (Commands - JQuery Mobile Theme - Export Theme).
I opened index.html in Dreamweaver CS6 and changed <link href="jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/> to the new *.css file. I used Find / Replace to change all instances of data-theme="e" to data-theme="y". I saved index.html and clicked on Live View where it looked perfect. I used FileZilla to move all of the files to the server hosting my website. But when I view it either in Firefox or on my Samsung phone, index.html doesn't include any of the CSS formatting. (It had worked online with the CSS formatting when I had just manually edited the color codes in a few places in jquery-mobile/jquery.mobile.theme-1.0.min.css)
If I view index.html as a file on my computer in Firefox, the css works perfectly. But when I upload the contents of the folder to the server hosting my website, it doesn't.
I'd appreciate any input on what I'm doing wrong.
Thanks

Fixed it myself. I realized that I needed to leave <link href="jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/> in index.html and to add a new line <link href="jquery-mobile/y_theme.css" rel="stylesheet" type="text/css"/>

New jquery mobile theme not rendering properly

So I'm finalizing some things on a mobile website that is looking great! m.whitewatertours.com...but we wanted to make a few changes to the theming and used ThemeRoller from jQuery to do so. But after downloading my new theme and applying it to a test page our fabulous looking site now looks like something a 5 yr old created!
I replaced the original <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> code in the Head tag with the new ones mentioned below their respective pages...(generated with the "add new css" button from DW6)
Here's the orginal page looking great: http://m.whitewatertours.com/rafting-hot-deals.html
than the test page with ThemeRoller Theme: http://m.whitewatertours.com/rafting-hot-deals-css-test.html
new code = <link href="jquery-mobile/twt-mobile-theme.css" rel="stylesheet" type="text/css">
Than I tested with a theme created from Fireworks CS6, still looking terrible...
test page with FWCS6 theme: http://m.whitewatertours.com/rafting-hot-deals-css-test-fw.html
I feel like I must've have done something wrong ... but have triple checked everything I can think of!
Jenny

Thanks Sudarshan!
So that did solve part of the problem at first, but was overriding my custom css.
Found there was an extra </script> in the head tag that was screwing up things...
So the css. from Fireworks works!
The css from jQuery ThemeRoller did take a little extra tweaking, did get 2 codes from them one from the file download "index":
the first code worked with the .min extension so thats what im using
<link rel="stylesheet" href="themes/twt-mobile-theme.min.css" />
and another from the download screen:
<link rel="stylesheet" href="css/themes/my-custom-theme.css" />
the first code worked with the .min extension so thats what im using
I also ended up creating the "themes" folder within my jquery-mobile folder with all their stuff in there.
Thanks for the help again and getting me pointed in the right direction!!
Jenny

Import Edge Animate compositions into In Design

Hi, how do I import Edge Animate compositions into In Design..? Cheers
p.s. perhaps i should have added: my main interest is to have the animate project imported to have it load in the adobe viewer for digital publishing. up until now I'd linked the html overlay from the standard Edge app. One of the things that caught my eye under the features for Edge animate was:
Digital Publishing support
Import Edge Animate compositions into the Adobe Digital Publishing Suite with Adobe InDesign CS6, or into Apple iBooks Author.
How I proceed: as per the help/resources:
Publish as Animate Deployment Package (.oam)
Select this export option to create a package file of your project for use in other Adobe tools. The following tools support Animate Deployment Packages: Adobe Digital Publishing Suite (DPS), InDesign CS6, Dreamweaver CS6, and Muse.
Select File > Publish Settings.
In the Publish Settings dialog box, make sure Animate Deployment Package is selected as the publish target.
Note or change the target directory.
(Optional) Specify a poster image.
Click Save to save the publish settings, or click Publish.
but all i get is
Content generation error.
[Error: Invalid URL for Web Content Overlay]

Here is a walkthrough on Adobe Dev Connectings - http://www.adobemarketing.com/devnet/digitalpublishingsuite/articles/enhancing-your-dps-fo lios-with-edge-animations.html
The only difference in that walthrough is the reference to in the Publish Settings: in Adobe Edge Animate v1, its now called 'Animate Deployment Package' instead of 'Indesign/DPS'.
Darrell

I am getting a slider on horizontal and vertical sides while embedding the edge animate object in dreamweaver CC 2014

I am getting a slider on horizontal and vertical sides while embedding the edge animate object in dreamweaver CC 2014.
When I import the ".oam" file in dreamweaver and change its width and height, then it starts showing me horizontal and vertical sliders.

Hello!
I now have a project that seems to be corrupted. A had been working on it all morning, with a few bugs here and there. Now I can no longer open the file, receiving this error: "Edge Animate: Exception An error occurred. Please your work and restart Edge Animate."
I will try to attach sample files.
- J Sean

Is it possible to export an Edge Animate clip into YouTube, somehow?

Is it possible to export an Edge Animate clip into YouTube, somehow?

Hi, rinse 62-
This thread popped up at about the same time as your message:
http://forums.adobe.com/message/5275274#5275274
This should get you started. From video capture, you can easily upload to YouTube.
Cheers,
-Elaine

Is it possible to place an Adobe Edge Animate animation into an Interactive PDF?

Hello all,
At the moment, this seems to be the biggest InDesign mystery to me...
Is it possible to place an Adobe Edge Animate animation into an Interactive PDF?
I have not been able to find anything on this. Thanks for any insight you can provide.

No.

How do I turn an entire Edge Animate project into a symbol

I have created an Edge Animate project that features a short animated tutorial for our website. Now I realize that I would like to incorporate that project inside a larger project. Is there any way to convert the entire tutorial into a symbol that can be added to the larger project?
Thanks
Paul

Hi, Paul-
You'll need to do a little bit of wrangling to make this happen, but the easiest thing to do is:
Select everything in your elements panel and convert to symbol
Transfer all of your triggers by highlighting them all in your main timeline and cutting (Ctrl/Cmd-X), then:
Open your symbol
Move the playhead to the time location of your first trigger
Paste (Ctrl/Cmd-V)
Transfer all of your timeline-based and stage-based code manually
Hopefully that helps - it's a little bit of a pain if you have a lot of code involved, but if you only have timeline-based things, most can be cut and pasted over.
-Elaine

Need help embedding mailchimp subscription code into dreamweaver.

so I created my page in edge animate, and then I brought it over to adobe dreamweaver, and I dont know where or how to place my embeded mailchimp code?

<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
          #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:360px;}
          /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
             We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="http://kandied.us3.list-manage.com/subscribe/post?u=4525b320bd81872705a48ea05&id=4743a970b 1" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
          <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
    
    <div style="position: absolute; left: -5000px;"><input type="text" name="b_4525b320bd81872705a48ea05_4743a970b1" value=""></div>
          <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>

I keep trying to add it to it, but I either get noting or just the subscription box. does this happen due to my edge animate project?

Ben Thank you so much for your reply! It helped me read the code and made me understand it better. I decided to make my own subscription box by making a symbol "Subscription" and inside this i created two more symbols called "Textbox" and "Submittbutton". I tried putting in part of the code from above under the div id, but it kept creating the whole text box behind the symbols in dreamweaver. How would you suggest I embed the code from above into my created submission box below?
         <div id="Stage_Center2_Subscription">
                <div id="Stage_Center2_Subscription_subscribe"></div>
                <div id="Stage_Center2_Subscription_Submittbutton">
                    <div id="Stage_Center2_Subscription_Submittbutton_Submitbutton">
                        <div id="Stage_Center2_Subscription_Submittbutton_Submitbutton_RoundRect2"></div>
                    </div>
                    <div id="Stage_Center2_Subscription_Submittbutton_text">
                        <div id="Stage_Center2_Subscription_Submittbutton_text_Text">Join</div>
                    </div>
                </div>
                <div id="Stage_Center2_Subscription_Textbox">
                    <div id="Stage_Center2_Subscription_Textbox_textbox">
                        <div id="Stage_Center2_Subscription_Textbox_textbox_RoundRect"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
Thank you for taking the time to look at my question! I really appreciate it!
Kyle

Responsive scaling of Edge Animate composition in Dreamweaver Fluid Grid Layout

I have created an animation in Edge Animate and have placed it in the header of a Dreamweaver Fluid Grid Layout. I have put it in a div by itself so it can be turned off in the mobile layout. When I test the layout in a browser, the Edge Animate composition scales responsively to the window size, but the height of the div it is in does not. The width of the div changes with the width of the window, but the height of the div remains the same. Because the height of the div doesn't change, as the animation responds and resizes it leaves a large empty space between the bottom of the animation and the content that follows it on the page.
The div itself does not have a rule for it's height associated with it. It seems to me that the div is getting its height from the original size of the html object which is the animation. I tried removing the height rule for the object, but then the div clips the bottom of the animation, and again, it doesn't resize with the window.
Is there a way I can get the div's height to resize with the size of the animation as it changes?

Thanks for your reply. You're right about most people not resizing their viewport during a session, but unfortunately the problem exists whether the screen is being resized or not. Refreshing the screen doesn't solve the problem.
The width of the div adjusts to the width of the screen as expected and the Edge Animate composition inside it does too, but the height of the div doesn't adjust. As the animation gets smaller to fit the width, the height of the div that contains it remains the same, leaving empty space at the bottom of the div. What is needed is for the div to scale to fit the page width proportionally. Instead, only the width is adjusting.
So I guess I need to know if there's either a way to force the div to scale proportionally or a way to tell it to adjust to the animation that it contains.

Wrong Dimensions & Unwanted Gaps When Inserting Edge Animate Files In Dreamweaver

I wasn't quite sure which forum this belonged in, so my apologies in advance if anyone feels this should be in the Edge Animate forum instead.
I noticed when creating an animation in Edge Animate, when I publish it and try to add it within Dreamweaver, for some reason Dreamweaver is adding an extra 20 pixels to the width and the height. Also, since the Object tag used to embed it is Inline by default, it is also causing a small gap at the bottom of the animation between it and any blocks that come after it. Granted, I can go in and correct the dimensions in the code myself, and I can change the CSS on the Object tag to get rid of that gap. But what I'm confused about is why it is doing this - particularly with tacking an extra 20px onto the width and height, in the first place. Is there a setting somewhere to stop it from doing this? Below are screenshots of the animation in Edge Animate, where you can see the dimensions were 960x400, then a screenshot of Dreamweaver where you can see that it changed the dimensions to 980x420.

Your container has a width of 960px.
Your Edge has a width attribute in the HTML code of 980. Are you saying you didn't put that there?
By default, all browsers add their own margins & padding to HTML elements. It's customary practice for developers to zero out the default margins & padding with CSS.
You can use a global CSS reset or do it manually.
#block1, #block2, #block 3 {
margin:0 auto;
padding:0;
width: 960px;
Nancy O.

TypeError: s.text(...).addClass is not a function on a Select list item jquery mobile theme

Hi.
i got a page with jquery mobile template, i got an select list item based on customers , when i touch the field, it display correcty all my customers, but when i try to pick some records i just get the error (i am using firefox firebug to see the error):
TypeError: s.text(...).addClass is not a function
...ollapsiblebound",!0).bind("expand collapse",function(t){var n=t.type==="collapse...
here is my query :
select
nombre_cliente || ' ' || apellidos_cliente a, codigo_cliente b
from sti_cliente
where
codigo_compania in (select distinct codigo_compania from STI_COMPANIA_SUCURSAL_USUARIO where upper(codigo_usuario) = upper(:APP_USER))
and estado_cliente = 'A'
and (MANEJA_INVENTARIO_CONSIGNACION = 'S'
and (codigo_compania, codigo_vendedor) in (select codigo_compania, codigo_vendedor from VTA_MAESTRO_VENDEDORES where codigo_usuario = upper(:APP_USER)) or cliente_contado = 'S')
order by nombre_cliente, apellidos_cliente
i have supress a dynamic action based on the field, but seems the problem is something within the query.
i am running on :
Application Express 4.2.4.00.08
Application Express Listener version : 2.0.5.287.04.27
Application Express Listener server info: Grizzly/1.9.49
thanks for any tip.

PLEASE DO NOT post to long since expired threads. The poster is probably NOT following this thread and your response doesn't really help them with their issue...
Elephants wear tu-tus so they can hide in pine trees. Did you ever see an elephant in a pine tree? No? Well then, you know it works.
Thank you,
Tony Miller
LuvMuffin Software
Ruckersville, VA

Embed Edge Animate animation into a Powerpoint presentation?

Is there a way to embed the animation I created into a Powerpoint presentation. My client wants a rather detailed animation and I know I can do it in Edge Animate, but how can they use it in their presentation? Is there any workaround for this? All help is really appreciated.

I don't think powerpoint supports html.
But you can insert video in slides.
So, better you create Edge Animate composition and preview in browser in fullscreen mode and use any screen capture software that will create a video out of it.
Then insert this video in the slides to have the animation.
hope it helps,
Vivekuma

Edge Animate code into Dreamweaver jquery mobile theme?

Similar Messages

Maybe you are looking for