Edge Suite issue with Scale to Fit composition

Having problem with this WordPress based site. As you can see, the composition is not appearing. It used to be, but then I tried Sarah Hunt's tutorial on Scale to Fit comps. The tutorial seems to work fine....except on WordPress sites. At least using the Edge Suite plugin to upload .oam's. It's mentioned in Sarah's tutorial but there was never a resolution. So I brought it over here to the main Adobe Forums and hopefully I can get an answer as to why my comp isn't displaying.
The files for this preso are here: https://www.dropbox.com/s/v6w8x0zl0cln5wi/flowshot.zip
Any help on making this work, er, uh, fit, would be great.

Tried that as well, to no effect. Now I get no Edge comp on the page at all. Just blank. Although the code says otherwise
<div id="featured" class="grid col-940">
<div style="width:1px; height:auto"><div id="Stage" class="EDGE-6453776">
<script type="text/javascript">window.AdobeEdge = window.AdobeEdge || {};window.AdobeEdge.pathPrefix = window.AdobeEdge.pathPrefix || {};AdobeEdge.pathPrefix.libs = 'http://flowcommunications.com/wp-content/uploads/edge_suite';AdobeEdge.pathPrefix.comps = AdobeEdge.pathPrefix.comps || {};AdobeEdge.pathPrefix.comps['EDGE-6453776'] = 'http://flowcommunications.com/wp-content/uploads/edge_suite/project/flowshot_5';</script>
<script type="text/javascript" src="http://flowcommunications.com/wp-content/plugins/edge-suite/includes/edge-wordpress.js"></script>
<script type="text/javascript" src="http://flowcommunications.com/wp-content/uploads/edge_suite/project/flowshot_5/flowshot_ed gePreload.js"></script>
<div id="Stage_flowshot_5" style="height:200px;width:960px;margin: 0px auto;margin-top:10px;" class="EDGE-6453776"></div>
</div></div>
<p style="color: #FFF; font-family: "myriad-pro",sans-serif;"><strong>Hello! Welcome to our new site, on a new server.<br>Pardon our dust. It’s still under construction.<br>Thank you!</strong></p>
</div><!-- end of #featured -->

Similar Messages

  • Scale-to-fit compositions without writing code

    When will Edge make scale-to-fit compositions without writing code?

    Hey Yuval,
    Glad you found the tutorial useful!
    This is because the code targets the #Stage div, not the body which is where your menu is appended to.
    Trying $("#Stage").append(sym.$('Menu')) might do the trick. Give that a shot.
    Sarah

  • Bug of scrollbar with "scale to fit" script

    Hi,
    I encounter a sort of bug with this nice script "scale to fit":
    http://sarahjustine.com/2013/04/08/create-scale-to-fit-projects-with-adobe-edge-animate/
    I create a simple animation composed of a single image (stage = 1024px X 3000px) with the script (see below) to test it: everything works, the animation is well scaled, BUT when I resize the browser, the scrollbar keeps his original size even if the height of the animation is very low.
    The bug concerns all the popular browsers (desktop and mobile* version) except chrome.
    * I use this meta: <meta name="viewport" content="width=device-width;">
    exemple:
    original height of the animation = 3000px
    height of the scrollbar = 3000px
    height of the animation scaled = 600px
    height of the scrollbar don't change = 3000px
    I don't use any CSS, I simply publish the animation with EDGE CC (not 1.5).
    Someone could give me some hints for resolve this "bug" ?
    Oliver.
    sorry for my English, I'm French...
    A live example which seems to use this script (not of me),
    you can see the scrollbar bug if you resize the browser (with IE or Firefox)
    http://www.ryanterry.net/resume/html5/
    - - - - - - - the script (on.compositon.ready) - - - - - - -
    var stageHeight = sym.$('Stage').height(); // Set a variable for the height of the stage
    sym.$("#Stage").css({ // Set the transform origin so we always scale to the top left corner of the stage
    "transform-origin":"0 0",
    "-ms-transform-origin":"0 0",
    "-webkit-transform-origin":"0 0",
    "-moz-transform-origin":"0 0",
    "-o-transform-origin":"0 0"
    function scaleStage() {
        var stage = sym.$('Stage'); // Set a reusable variable to reference the stage
        var parent = sym.$('Stage').parent(); // Set a reusable variable to reference the parent container of the stage
        var parentWidth = stage.parent().width(); // Get the parent of the stage width
        var stageWidth = stage.width(); // Get the stage width
        var desiredWidth = Math.round(parentWidth * 1); // Set the new width of the stage as it scales
        var rescale = (desiredWidth / stageWidth); // Set a variable to calculate the new width of the stage as it scales
    // Rescale the stage!
               stage.css('transform', 'scale(' + rescale + ')');
        stage.css(  '-o-transform', 'scale(' + rescale + ')');
               stage.css('-ms-transform', 'scale(' + rescale + ')');
        stage.css('-webkit-transform', 'scale(' + rescale + ')');
               stage.css('-moz-transform', 'scale(' + rescale + ')');
        stage.css('-o-transform', 'scale(' + rescale + ')');
        parent.height(stageHeight * rescale); // Reset the height of the parent container so the objects below it will reflow as the height adjusts
    // Make it happen when the browser resizes
    $(window).on('resize', function(){
               scaleStage();
    // Make it happen when the page first loads
    $(document).ready(function(){
        scaleStage();

    Hey Oliver,
    Try wrapping another div around the #Stage div. I believe the scrollbars are appearing because with the script Animate will recalc the parent height, BUT if that parent is the body it doesn't adjust so it thinks it's the original height of your composition. So your HTML page will look like this:
    <div style="height:1px; overflow:hidden;">
        <div id="Stage" class="EDGE-78729757">
              </div></div>
    I found I had to apply the height property to get it to hide the scrollbar, but the value is irrevelant as it gets overwritten anyways by the script. Give that a shot.
    Good luck!
    Sarah

  • Adobe 9 Multiple issues with scale resetting, hand tool disappearing, and bad parameters

    Hello and thank you for help!
    We are having a single machine have issues with the scale resetting on a documents after they have been saved.  We will set the scale to 1-30 and after re-opeing the pdf, its back to 1-1
    Also having issues with the hand tool reverting to the pointer tool after an indeterminet amount of time.  And lastly we recieve the bad parameter message when using the clouding tool, the feature can be used right after that with no issues.  Where to start troubleshooting this issue?
    Adam

    Are you saying that
    you are going to the Document Properties tab->Initial View and setting the magnification and then saving the file, that this setting does not stick when you reopen the file
    or
    you just changing the view magnfication while looking at the file, saving the file and that view mangification doesn't stick.
    If the latter, its not supposed to. If the former, then Houston we have a problem.

  • Issue with Scale base routines in Pricing

    Hi All,
                    This is regarding one issue I am facing in Invoice creation.
    It happens randomly in some invoices (impact is in <5 % of invoices) that a discount condition value is incorrectly calculated when created through batch job.
    This issue is not replicable in any of the lower environments.
    When we cancel the invoice in produciton system and recreate it, the values are calculated correctly and we failed to replicate it even in production to find the root cause.
    Here are the details:
    We have a custom condition type which is a group condition (header as well as item) which is set in percentage where customer is supposed to get a discount (for eg. 1 % on the net price)
    We have a Scale Base value routine which fetches the ‘scale base value’ from a custom table and assigns it to the item on the invoice (XKOMV-KSTBS).
    All further calculation happens in standard SAP code where it checks the scales maintained in the condition record and applies the correct rate so the discount is applied accordingly.
    Our pricing routine is working fine and is passing correct value to the scale base field.
    The issue is in standard SAP code which applies the discount.
    For all the impacted invoices, we have correct scale base values (fetched in our routine) but the corresponding discounts (KONV-KBETR and KONV-KWERT) are zero.
    Only the last item in all the invoices shows a large negative value which is wrong .
    Please guide me in finding the root cause.
    Regards
    Ritu

    Hi,
    These requirements should be met to fetch the condition record in the document.
    1 = Different Payer
    If this requirement is assigned to the condition type, the sold-to-party and payer should be different, so it will be picked up in the document.
    2 = Item with Pricing
    The item category of the item should be relevent for pricing.
    3 = Foreign currency doc
    The company code currency is derived from sales org in a sales document. But we can change the document currency in the sales document header also. And condition also can be maintianed in different currency. If this requirement is assigned, the company code currency and document currency should be different.
    4 = Cost
    If this requirement is set, the item should be relevent for cost determination (setting in item category)
    5 = No Condit Exclusion
    If this requirement is set, it will not consider the condition, if any condition exclusion is maintianed for it.
    Prase

  • Issue with Anchor Links in Composition Widget

    Hoping for some help regarding anchor links. I was successful in nesting a Slideshow widget within a Composition widget. The Composition widget contains six panels, each of which contains one Slideshow. Thankfully, that all works as it’s supposed to.
    What I want is to direct users (from another page on my site) to a specific Slideshow within the Composition widget (i.e., for example, to the slideshow on the third panel of the Composition). The anchor link does work in that it directs users to the page with the Slideshow/Composition combo. However, it displays the first panel in the Composition and not the third. I’ve tried inserting the anchor link on top of the actual picture in the Slideshow, and also within one of its text labels. Still the same result.
    My question … can an anchor link be used to direct someone to a specific panel within the Composition widget? Perhaps I can export my site to HTML, open the .html file in Dreamweaver and … I don’t know, move or rename the anchor somehow? Is anyone else having this issue?

    This is a bit late in the day looking at the date of your post, but I asked the same question recently and Brad Lawryk answered (thanks Brad - saved me hours of fiddling!):
    Unfortunately the only way to do this now would be to save a copy of the page with the desired tab focused. Unfortunately this does cause duplicate content and is not SEO friendly though.

  • Graph issue with "scale object to pane"

    I have made a program that  uses a mixed signal graph to show result on a screen. I have selected "scale object to pane". The program automatically goes to fullscreen when started. I have a small problem though. It works well with some screen resolutions but sometimes the graph itself is beneath the window. I set the Yscale Maximum and Minimum in the program but 0 is still below the border. Anyone know a way to fix this?
    Pictures below 
    How it looks
    How it should look
    Solved!
    Go to Solution.

    Hi Peter,
    place a property node on the block diagram ("App" by default) and select Display->Monitor
    Best regards,
    GerdW
    CLAD, using 2009SP1 + LV2011SP1 + LV2014SP1 on WinXP+Win7+cRIO
    Kudos are welcome

  • PC Suite issue with Anna on N8

    The new version of symbian is not supporting the existing PC suite to sync.  Is there version change for PC suite also?

    @sri115611
    What version of Nokia PC Suite are you using for N8 compatibility v7.1.40.6?
    Happy to have helped forum with a Support Ratio = 42.5

  • Nokia Suite Issues with Windows 8

    My Nokia suite keeps forcing my Windows 8 computer to restart the second my phone firmware installation hits 15%
    I have seen this reported before in 2012 but it still has not being fixed, running the latest Nokia suite avaliable.
    Symbian Developer, if I can help out just give me a bell.
    Solved!
    Go to Solution.

    Hi,
    Sorry I should have explained a bit more,
    The phone firmware installation gets to 15% then out of nowhere the windows 8 blue screen comes up, the one with the big sad face, and in the bottom corner it says something about a Kernel panic.
    I'm afraid I cannot attach a screenshot since the computer restarts within 20- 30 seconds of the screen coming up.
    And yes the Tower has four USB3 ports but also have bog standard USB2 ( the phone was plugged into a v3)
    I hope this can be fixed, my Asha 310 development phone is playing up and I need to get the firmware re-installed.
    Regards,
    Allstar
    Edit: I took a picture of it, don't know if it's of any help
    Symbian Developer, if I can help out just give me a bell.
    Attachments:
    2013-08-19-0627.jpg ‏3768 KB

  • E-business suites: ISSUE WITH RECORDING SCRIPTS IN R12.1 USING LOADRUNNER 9

    My Customer use Mercury LoadRunner to execute our performance stress tests. The standard feature of
    creating a transaction clickstream for the LoadRunner tool, requires that the tool know the object
    (field, button, LOV, text). The way all performance tools identify an object is by RIGHT CLICKING
    on the screen and selecting VIEW SOURCE.
    Unfortunately, VIEW SOURCE is displaying the R12 Oracle object names with garbage appended at the
    end of the string.
    Examples of expected values:
    value="DefaultFormName"
    type="hidden" value="Cost_Allocation_KFF"
    But what they get in View Source is as follows:
    value="DefaultFormName Eb65TJbm "
    type="hidden" value="Cost_Allocation_KFF 3WPwQoB7V "
    BUSINESS IMPACT
    The issue has the following business impact:
    Due to this issue, users cannot complete a stress test
    And without a stresstest, They cannot go-live with R12
    =================================
    This is generic isssue across all applications including sshr,
    They are getting Dynamically Generated Characters in the field names while viewing the source
    code of the JSP.
    > For example, following comes while doing 'View -> Source' in IE:
    >
    > <input id="_FORM" type="hidden" value="DefaultFormNameuf3GKIsO" name="_FORM">
    >
    > There are extra characters 'uf3GKIsO' in 'DefaultFormName' .
    I will appreciate if any one has come acrosss this kind of issue, please let us know how it can be resolved.
    Any help / tips are appreciated.
    Regards
    Ravi

    I found the same issue but resolved it by myself. The user table of the MySQL changed, my guess. You need to add another 'Y' or 'N' to the end of this statement in the build.xml of DataAppLoader:
    INSERT INTO user VALUES ('localhost','dataapp','*B974A83D18BB105D0C9186756F485406E6E6039B','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','','','','',0,0,0,0,'',NULL,'N');
    The original one is like this:
    INSERT INTO user VALUES ('localhost','dataapp','*B974A83D18BB105D0C9186756F485406E6E6039B','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','','','','',0,0,0,0,'',NULL);
    The new column added is password_expired. Y or N to indicate the password is good or not.

  • Scale to fit not working in Ppro cs3

    I have an issue with scale to fit of export settings in Premier Pro CS3. I need to eliminate the black bars on the side of clips. I check the scale to fit of the output box but it will not do the job. I have to manually play around with pixels numbers in order to get rid of the black bars. Is this normal or am I missing something?

    I have a semi-related question. I'm using CS4.  Does scale to fit reduce the image quality? It seems like it does.
    I shot P2 HDV footage in the widescreen ratio (shot 24p 720p HVX-200), but my intention was to present a 1.33 image aspect ratio (not to be confused with the HDV pixel aspect ratio) even on the 16x9 displays, in other words pillarboxed.
    This output was successful using crop tool in Media Encoder, but on 4x3 TVs, I want to present a fullscreen image. I output with Media Encoder, select 4x3, and I crop the same way, and then I choose "scale to fit". However, this reduces the image quality.
    Is there any other way I can take 16x9 1.78 footage and crop it in Premiere Pro, or Encore, or Media Encoder to create a full-quality 4x3 image that is fullscreen on 4x3 TVs?  (Note: I definitely don't want a letterboxed and pillarboxed result on 4x3 TVs, i.e. windowboxed).
    I tried opening new Premiere Pro projects with different settings, and tried using "interpret footage" to fool it, but I couldn't hit on the magical combination to create a 4x3 cropped project (or Pan&Scan you might say) in Premiere Pro. Are there some Pan and Scan tools in Premiere Pro that can do this?
    I found some help here. It says: "This techniques is called pan & scan. In Adobe Premiere Pro, you can implement either technique by using Motion effect properties such as Position and Scale."  But what the heck would I do? Open a 4x3 standard def project and then import the HDV P2 footage and use position and scale there?  Cropping it in an appropriately opened DVCPROHD project has a 16x9 image area to start with...
    Any help?

  • Web Content: Scale to Fit

    Any suggestions as to why a web content url to Twitter Feed that formerly worked with Scale to Fit would stop working after a rebuild in v25?

    Same problem here.
    I create a 768x1024 Edge animation to be used in the vertical rendition of the article. Then I create a proportionally scaled down frame in the horizontal rendition using the "Scale Content to Fit" and link to the 768x1024 published Edge content. It should work, right? But it doesn't. My content is much smaller than the frame and there remaining 20% or so space inside the frame is a shade of grey...
    I'm going to see if I can somehow fix this by opening the file in Dreamweaver, but I really should have to do so if it works fine in the 768x1024 frame.
    Is there something obvious that we're overlooking?
    Thanks!

  • Excel file won't scale to fit page

    We have just installed a new copier, a Ricoh MP C4503, that repaced essentially an earlier version of the product.
    We have a user with an Excel for Mac 2011 xls file, that when he selected an area and printed with scale to fit, printed full page on 11 x 17. But now the spreadhseet comes out looking shrunk on the page, perhaps as thought it would look if printed fully on 8.5 x 11 but I'm just guessing.
    If I print this file on another Mac,with essentially the same OS (or several other versions of OSX on several other Macs we have in the office) using the same copier, it prints as desired, a beautiful fullpage 11x17 spreadsheet.
    It is only on his MBP (with latest updates I might add) that this problem is occurring, so I think it must be a problem with his OS, his printer driver, or his Excel installation, and I would remind, it printed fine before the new printer/copier came along.
    I have tried a barrage of possible solutions until I'm bleary-eyed: multiple tweaks of the settings in sys prefs, printer features, page setup, print area, deleting and reinstalling driver, and more.
    Help?

    Wrong place to ask perhaps?

  • Stuffit issues with an SMB server? Running 10.7.3

    I use a MBP running 10.7.3. I need to use Stuffit to stuff things to an SMB server. Whenever I try, it gives me error #17527 (insufficient access privileges). Any idea how this could be resolved?
    We used to use an AFP version of the same server, but due to the Adobe Creative Suite issues with Lion, we had to switch to SMB to get any work done.
    Any help would be great.

    Support - Smith Micro

  • Are Adobe EVER going to make Edge Animate scale-to-fit (like Flash)?

    I've been following the progress of Edge Animate (formerly Edge) ever since Steve Jobs decided he wasn't having Flash on the iPad.
    With each new version I've been desperately looking for the feature that I consider the most important of all: Scale-to-fit
    There are a couple of discussions already on this forum where people have requested this feature - but both have been sidetracked by replies from people who haven't understood what 'scale-to-fit' is. So let me explain Scale-to-fit:
    I'm talking about the feature in Flash - where if the HTML dimensions are set to 'Percent' - then the resultant movie will scale-to-fit any browser window. Here is an example of what I mean:
    http://www.skippingschool.co.uk
    - try changing the browser size and you'll see the whole frame (graphics and images) scales without changing its proportions.
    When the latest version of Edge Animate came out with its built-in easy-to-follow 'Resize' Lesson, I thought Adobe had finally found an answer. But good though this feature is, it doesn't solve the problem. It's only possible to properly scale-to-fit images - not graphics.
    It's now more important than ever that Adobe finds a solution to this problem. The world is going 'Responsive' - its not just a fad. And 'Responsive' is not just about three columns being squeezed into one. All Responsive sites require images, graphics AND animations to scale-to-fit. So Adobe's tutorial showing how Edge Animate can be added to WordPress sites is of limited use because it won't work for Responsive web sites.
    So please Adobe, will someone tell me if scale-to-fit is EVER going to happen? I don't mind if it's 3 months, 6 months, 9 months down the line - but I need to know if it's worth me sticking with Edge Animate - or whether I should be looking toward HTML5 Canvas or something else for a solution?
    Alternatively, is there some fundamental reason why it can NEVER happen?
    Please tell me? Just put me out of my misery!

    Hi Sarah,
    I hope you don't mind but I played around with your code a bit and managed to get the kind of scale-to-fit behavior that I believe the OP was asking about.  I think the trick is to make sure that you also check whether the scaled height of the stage exceeds the height of the browser window and change the scaling so that it is responsive to changes in both the width and height of the window, whichever is the limiting factor. The code I changed in CompositionReady appears in bold below.  I hope this helps.
    sym.$("#Stage").css({ // Set the transform origin so we always scale to the top left corner of the stage
    "transform-origin":"0 0",
    "-ms-transform-origin":"0 0",
    "-webkit-transform-origin":"0 0",
    "-moz-transform-origin":"0 0",
    "-o-transform-origin":"0 0"
    function scaleStage() {
        var stage = sym.$('Stage'); // Set a reusable variable to reference the stage
        var parent = sym.$('Stage').parent(); // Set a reusable variable to reference the parent container of the stage
        var parentWidth = stage.parent().width(); // Get the parent of the stage width
        var parentHeight = $(window).height(); // Get the browser window height
        var stageWidth = stage.width(); // Get the stage width
        var stageHeight = stage.height(); // Get the stage height
        var desiredWidth = Math.round(parentWidth * 1); // Set the new width of the stage as it scales
        var desiredHeight = Math.round(parentHeight * 1); // Set the new height of the stage as it scales
        var rescaleWidth = (desiredWidth / stageWidth); // Set a variable to calculate the new width of the stage as it scales
        var rescaleHeight = (desiredHeight / stageHeight); // Set a variable to calculate the new height of the stage as it scales
        var rescale = rescaleWidth;
        if (stageHeight * rescale > desiredHeight) // Do not scale larger than the height of the browser window
                        rescale = rescaleHeight;
    // Rescale the stage!
               stage.css('transform', 'scale(' + rescale + ')');
         stage.css(  '-o-transform', 'scale(' + rescale + ')');
               stage.css('-ms-transform', 'scale(' + rescale + ')');
         stage.css('-webkit-transform', 'scale(' + rescale + ')');
               stage.css('-moz-transform', 'scale(' + rescale + ')');
         stage.css('-o-transform', 'scale(' + rescale + ')');
               parent.height(stageHeight * rescale); // Reset the height of the parent container so the objects below it will reflow as the height adjusts
    // Make it happen when the browser resizes
    $(window).on('resize', function(){
               scaleStage();
    // Make it happen when the page first loads
    $(document).ready(function(){
        scaleStage();

Maybe you are looking for

  • When I forward an HTML email with embedded graphics to someone, it forwards it as plain text.. this is driving me batty.. how do I forward such mails INTACT??

    I have the latest Thunderbird installed on a new 64-bit Winblows Eight netbook.. fantastic program, but one problem is driving me absolutely batty, and after using the latest Thunderbird for weeks, I simply can't figure out how to fix it.. I'm on a l

  • Reg:JCO_COMMUNICATION_FAILURE

    Hi all, I am getting this error while trying to excecute one IDOC to Proxy interface.Can anyone please let me know the solution? <?xml version="1.0" encoding="UTF-8" standalone="yes" ?> - <!--  Request Message Mapping   --> - <SAP:Error xmlns:SAP="ht

  • Defective Battery from Battery Recall

    To whom it may concern at Apple: One of my old laptops ( 15" Powerbook G4 ) was one of the thousands affected in the last battery recall incident. Like many other users I filled out the necessary forms and I got the "non defective" battery replacemen

  • Changing focus when a value is selected in LOV

    Hi, I am JDeveloper 11.1.1.6.0. I have an LOV with auto-suggest. When the user types some characters and select some item in the list suggested, I want the focus to be on the next editable field. Is there any way of doing this without using Javascrip

  • Flex Load Balancer Environment URL Redirect

    Hi, Our Flex application is running on a load balancer environment, where SSL is terminated.  From the browser to load balancer, the connection is using https and from the load balancer to the server, it is http. What we are noticing is, when the htt