Captivate 7 Web Page Widget misaligned - Transform Property

I just upgraded to Captivate 7 and am using a Widget to embed Web Page content for the first time.
The project looks fine when I preview it, but when I publish it and post it to our LMS (SumTotal Maestro), the widget appears skewed in the resulting course window, like the whole widget just shifted 60 pixels to the left and 30 pixels down.
I have tried using multiple web sites, so I don't think that is the problem.
There is the Transform Property, which gets set automatically when you drag the widget around the interface screen. On a hunch I moved the widget's Transform Property 60 pixels right and 30 pixels up. That worked, in that the updated widget looks better in the final published project. But now it's skewed both in the workspace and when I preview it, not to mention getting it precisely where it needs to be is going to be a process of moving a couple of pixels, publishing and seeing how it looks, then repeating.
Has anyone encountered this? Is there a setting I'm missing somewhere that messes up the Transform property?
Thank you!

Here is the reply (in bold) I got from Suresh Jayaraman from Adobe when I logged this as a bug.
"The issue you are facing has nothing to do with SCORM setting. Probably you might have heard about Click Jacking , One of the ways web sites prevent themselves from this attack is by not displaying when loaded in a Frame or iFrame. They achieve this by setting the X-Frame options. They website you were trying to load in Web object was Adobe forums which has this protection and it is the case with some other websites like Google.com, facebook.com as well. As Web object interaction on run time loads the website in an iFrame such protected websites when loaded doesn’t show up."
"I have attached a test file which would help you to determine whether the website you are loading is Click Jacking protected or not. Change the website address and launch the page from a web server and if it loads all is well, it would load in your Web Object interaction as well. Now enable reporting and try the same page from SCORM.com and It should display the page."
The test file he is referring to is a html file. Since I cannot attach the file here, I am copy-pasting the source code:
<html>
   <head>
     <title>Clickjack test page</title>
   </head>
   <body>
     <iframe src="http://www.google.com" width="500" height="500"></iframe>
   </body>
</html>
To test, first I changed the website address in the above code to that of Adobe forums. When I had inserted this site in my Web Object interaction, this site failed to show up (see my previous posts). When I launched this test file shared by Suresh from a webserver, the result was same... the site did not open.
Next, I changed the website address to http://infosemantics.com.au. This site worked in Web Object Interaction and it worked here as well.
I did not test it in SCORM Cloud as I was convinced by the reason Suresh provided. (I hope I am not wrong.)
Sreekanth

Similar Messages

  • Change src of iframe in web page widget (CP 8)

    Hi there.
    I would like to know how can I dynamically change the src attribute of <iframe> defined in Web Widget in CP 8.
    I have tried  many things (for example getElementsById() command, written as an action of CP button) but it didn´t work.
    I´ve heard about Web page Widget for CP 6, which enables dynamic changes of widget´s source through the CP variables.
    Is there any solution of this problem for CP8 ?
    Thank you for you answers.

    Ok.
    I have only one CP slide (I don´t want to use more slides for presentation),
    which contains 30 images (overlayed),some buttons (for stepping and showing images - back and forth. For these actions I use the variable and javascript Script_Window)
    and one Web Widget.
    For every image I want to view corresponding PDF file (increment/decrement variable => wiev image and change "src" of iframe in Web Widget at the same time).
    Switching images is no problem for me.
    Unfortunaltely, I don´t know how can I change the "src" attribute directly from Captivate and I don´t have much time to finish the project.
    I have tried to write external html file with its own javascript,variables and buttons and linked it to Web Widget.
    This works correctly(I mean switching PDF files), BUT when I try to call Captivate functions from this external JS (for example cp.show(),etc.), it doesn ´t work.
    Thank You for Your answers.

  • Web page widget for captivate5.5

    Hi,
    I have installed the web page widget as per the instructions.  I can able to drag the widget to my captivate project stage and I can able to give all kinds of inputs to the widget.  But none of them is not working.
    Please suggest me the how to over come this problem.
    I have downloaded this from http://CaptivateDev.com/.
    Regards,
    Lokesh V

    Hi Lokesh,
    If you read this article http://captivatedev.com/2010/11/05/adobe-captivate-5-web-page-widget/ there is a entry which you need to change after you publish it to Flash. Open .htm file in Notepad and change this entry and then play it.
    NOTE:  The published .htm file needs to have one change where the wmode should be set to “opaque” or “transparent” instead of “window”.
    1
    so.addParam("wmode", "opaque"); 
    Hope this helps.
    Thanks
    Priyank

  • Web page widget for captivate6

    Hi,
    Can you suggest the links for downloading the webpage widget for adobe captivate 6.
    Thanks,
    Lokesh V

    It is not upgraded yet to Captivate 6. Keep an eye on Jim's blog, he releases updated widgets regularly:
    http://captivatedev.com/
    Lilybiri

  • Making web page widget in tiger

    A friend of mine was wanting to make a widget that updated from a website. I think he saw the stuff in leaopard that will do that. Anyway I was wondering how one would do it in tiger. Would you have to know code? that kind of thing. Thanks.

    use this:
    http://www.apple.com/downloads/dashboard/status/dashclipping.html
    any URL including local files can be specified...
    very nice.
    Beavis2084

  • New Widget: Insert Web Page

    Here's a new free Captivate 5 widget to insert a web page into your presentations.  I will be submitting this for the Adobe Captivate Exchange.  In the meantime...
    http://jimleichliter.blogspot.com/2010/11/adobe-captivate-5-web-page-widget.html
    Enjoy,
    Jim Leichliter

    Hi Jim,
    I have tried downloading a couple of your widgets and have had a couple of issues. Sorry about contacting you this way but your new web site will not allow me to email you it gives me an error message. Hopefully you will see this one and fix the email problem if it is something your end and possibly answer my query.
    I have just tried the widget to put variables into a url - I am using Captivate 5 and it tells me that I have all the updates installed, I set up a variable called testurl and set it to www.ladbrokes.com then inserted the widget on slide 1, used it on slide 6 and told it to go to $$testurl$$
    I published the project as a flash player 10 version and export to html. I copied the htm, swf and js file onto our intranet server, I then opened it using the correct url and played it. I got an error message saying page cannot be found with the url of http://www.ladbrokes.home/bs2000help/CSKB/$$testurl$$
    So what am I doing wrong? Is there an extra setting I am missing?
    Thanks for your help
    Erika

  • Web Object web page underneath Captivate

    I have a video embedded in a web page. That web page is then inserted into a Web Object. The video controller has a full-screen button. Like this:
    When full-screen is activated the video appears BEHIND the Captivate web page like this:
    This only happens when published as Flash and viewed in Windows Explorer on Windows 7 (as far as I'm able to test). Of course, this is what our client will be viewing this with. It works just fine On Windows XP, Chrome, Safari and HTML5. In those cases the video appears on top of everything like it should. Does anyone know of a solution to this?

    Hello Steverb,
    I think by Windows explorer you mean Internet Explorer.
    Can you tell me the version of Flash installed along with the version of Internet explorer on your computer ?
    Are you trying to open a swf file or a .htm file ?  Please open .htm file and then check.
    Please create a blank project with only one slide with webobject interaction and see if you are able to reproduce the issue.
    Thanks and Regards
    Himanshu Satija

  • Web object widget (cp7) and TOC

    I am using a web object widget to launch MP4 videos (hosted on a progressive streaming server) within my captivate course. I am wondering if there is a way to accurately track the duration (in the TOC) for these videos. The duration displayed on the TOC is only for the captivate slide duration and does not include the video. Any suggestions?

    Hi BubbaRB and welcome to the forums.  I love it when people have great questions regarding integration.. and this is an area that Adobe Captivate needs to be better at!  It would be nice if the stock web page widget in Cp 7 had the ability to substitute Cp user variables in the URL to make for dynamic rendering of the web page, but unfortunately that's a limitation of the stock widget.
    The web page widget on CaptivateDev.com is capable of variable substitution in the URL.  You just need to enclose the variable with double dollar signs $$cpQuizInfoStudentID$$.
    http://captivatedev.com/2012/08/07/adobe-captivate-6-x-widget-web-page-widget/
    This widget works for SWF and HTML5 output for Cp 6 and 7 and there's a free trial available.

  • Web Object Widget and replacing Variables in the URL

    I am using the new Web Object Widget in Captivate 7 and need some help with setting up the URL for the widget correctly.  If I hard-code a static web page address, the widget works fine.  The problems comes up when I need to slightly change the tail-end of the web address depending on who is taking the course.
    I need to dynamically append some variable information onto the web address that we will be calling such as:
    http://www.someplace.com/customizeforstudent.htm?Student_Name=$$studentName$$&Student_ID=$$studentId$$
    Is there any way to dynamically load the variable information into this widget when the student takes the course?
    I know that I was able to use the samples on captivatedev.com to do this web page variable replacement when I used JavaScript on a button so I know it can be done that way. 
    (see: http://captivatedev.com/2013/08/08/javascript-solution-launch-a-url-with-captivate-variabl es-as-parameters/ )
    The down-side of the captivatedev.com example is that it forces the web page to show up "outside" the course (either in a new window or it takes over the browser window the course is playing in.  I want to use the web object widget so I can stay "within" the normal flow of the course we are developing.
    I have been able to get the student name and student id from our LMS using JavaScript (thanks again to http://captivatedev.com).
    Whatever process we come up with needs to work not only with Flash, but also HTML5.
    Thank you for your time.
    Randy

    Hi BubbaRB and welcome to the forums.  I love it when people have great questions regarding integration.. and this is an area that Adobe Captivate needs to be better at!  It would be nice if the stock web page widget in Cp 7 had the ability to substitute Cp user variables in the URL to make for dynamic rendering of the web page, but unfortunately that's a limitation of the stock widget.
    The web page widget on CaptivateDev.com is capable of variable substitution in the URL.  You just need to enclose the variable with double dollar signs $$cpQuizInfoStudentID$$.
    http://captivatedev.com/2012/08/07/adobe-captivate-6-x-widget-web-page-widget/
    This widget works for SWF and HTML5 output for Cp 6 and 7 and there's a free trial available.

  • Making a web page created with WPC available in an iView

    Hi all,
    is it possible to display a web page which was created with the WPC in an Iview?
    Every guide I found explains how to make it available via Entry Point but I need it in an iView.
    Regards,
    Bastian Jäschke

    Hi,
    1. create a new iView with Portal Component as source
    2. choose portal archive: com.sap.nw.wpc.runtime
    3. choose default on next screen
    4. Afterwards choose the category Web Page Composer in the Property Editor.
    5. Insert the Path of the Web Page in the property : RID of Compound Document
    (you can copy it by clicking on 'Copy Path' in the context menu of the web page)
    example: /wpccontent/Sites/MyWebSite/Web Pages/MyWebPage
    I translated it from german documentation. Hope, you understand it.
    That's the way i did it too nad it worked for me.
    Best Regards,
    Marcus

  • How can I display XSLT transformer errors on a web page ?

    Hi,
    I have some JSP pages that access DB, create an XML based on DB data and then transform it into HTML through an XSLT stylesheet. Developing the XSL code it's easy to make mistakes and generate errors on trasformation, but what I receive on the web page is only a "Could not compile stylesheet" TransformerConfigurationException, while the real cause of the error is displayed only on tomcat logs. This is the code for transformation:
    static public void applyXSLT(Document docXML, InputStream isXSL, PrintWriter pw) throws TransformerException, Exception {
            // instantiate the TransformerFactory.
            TransformerFactory tFactory = TransformerFactory.newInstance();
            // creates an error listener
            XslErrorListener xel = new XslErrorListener();
            // sets the error listener for the factory
            tFactory.setErrorListener(xel);
            // generate the transformer
            Transformer transformer = tFactory.newTransformer(new SAXSource(new InputSource(isXSL)));
            // transforms the XML Source and sends the output to the HTTP response
            transformer.transform(new DOMSource(docXML), new StreamResult(pw));
    }If an exception is thrown during the execution of this code, its error message is displayed on the web page.
    This is the listener class:
    public class XslErrorListener implements ErrorListener {
        public XslErrorListener() {
        public void warning(TransformerException ex) {
            // logs on error log
            System.err.println("\n\nWarning on XEL: " + ex.getMessage());
        public void error(TransformerException ex) throws TransformerException {
            // logs on error log
            System.err.println("\n\nError on XEL: " + ex.getMessage());
            // and throws it
            throw ex;
        public void fatalError(TransformerException ex) throws TransformerException {
            // logs on error log
            System.err.println("\n\nFatal Error on XEL: " + ex.getMessage());
            // and throws it
            throw ex;
    }When I have an error in the XSL stylesheet (for examples a missing closing tag), I can find on tomcat logs the real cause of the error:
    [Fatal Error] :59:10: The element type "table" must be terminated by the matching end-tag "</table>".
    Error on XEL: The element type "table" must be terminated by the matching end-tag "</table>".but on my web page is reported just the TransformerConfigurationException message that is:
    "Could not compile stylesheet".
    How can I display the real cause of the error directly on the web page?
    Thanks,
    Andrea

    This code is part of a bigger project that let developers edit XSL stylesheets through a file upload on the system and we can't impose the use of any tool for checking the xsl. So, I need to display the transformer error on the web page.I see. This code is part of an editorial/developmental tool for developers to create and edit XSL stylesheets.
    As part of the editorial process, XSL errors during editing can be considered a normal condition. In other words, it is normal to expect that the developers will generate XSL errors as they are developing stylesheets.
    In this light, handling the XSL transformation errors is a business requirement that you need to handle. Using the Java Exceptions mechanisms, e.g. try / catch are inappropriate to handle business requirements, in my opinion.
    I suggest that you look at how you handle the occurence of XSL errors differently than what you currently have. You need to:
    (1) capture the Transformation exception on the server;
    (2) extract the message from the exception and put it into a message that can be easily understood by the user;
    The current error message that you have going to the web browser is not useful.
    And you should not have the Transformation exception sent to the web browser either.
    What you are attempting to do with the exception is not appropriate.
    Handle the Transformation exception on the Business tier and use it to create a useful message that is then sent to the Presentation tier. In other words, do not send Java exceptions to web browser.
    />

  • Are there any widgets availble for creating a to-read list from web pages?

    I frequently find myself wanting to read specific pdf's or web page content but not having the time to do it when I find them. It would be lovely to have an easy to use storage space for them on the dashboard as I frequently use it keep myself on task.
    I know there are a wealth of apps that can save pdf content for later viewing (yojimbo, evernote, etc ..) but I'm specifically wondering if there is anything that either integrates those tools into the dashboard or just has a stand alone widget.
    Having the ability to "send to" from any browser to this widget for easy transfer and possible storage would be key.

    I just hand code my HTML forms because I know what I'm doing.  But if you prefer to use the Insert Panel > Forms tab, you'll need to check out this HTML5 forms tutorial by David Powers.
    Making HTML5 Forms in DW CC (video)
    http://tv.adobe.com/watch/learn-dreamweaver-cc/html5-forms-workflow/
    Next, use CSS to style your form labels, legends, fieldsets, input fields and submit button.  See example below, view source in browser to see the code.
    http://alt-web.com/TEST/Basic-HTML5form-jquery.html
    Now that you have your HTML form, you need a script to gather, validate and process the form data.  Ask your hosting provider if they have a form-to-email script you can use.  Many hosts have scripts already on their servers which you can activate from your C-Panel or by referencing the script in your form's action attribute. 
         <form action="path-to-form-on-server/form-to-email-script.php">
    If your host doesn't have scripts you can use, find out which server-side programming languages your server supports -- PHP, ASP, ASP.net, Perl, etc..   This dictates what kind of scripts you can use.
    Ideally, you want to find a script that is a) secure, b) hides your e-mail address from robots and c) has built in spam prevention.
    http://foundationphp.com/tutorials/email.php
    Nancy O.

  • Captivate 6: Can I hyperink to a web page from an image?

    In Captivate 6, can I hyperlink to a web page from an image?

    You can fill a smart shape with the image using the Texture button, but beware: choose a shape with the same size as the image. Maybe Sreekanth is telling the same, but I didn't get his 'assign custom image to it'? And if you want to have a pause for a shape button, you have to check it in the Timing accordion.
    Another approach is to put a click box on top of the image. You can open the URL in another window using the small triangle drop down list, and be sure to uncheck Continue Project to avoid that the playhead will continue.
    Lilybiri

  • Embedding connect asset (captivate project) in web page

    How do I reference a Connect address (asset) such as from the Connect server that don't end in an html file using the embed command in html so that the content shows on my web page?
    a.    I tried the flash object and movie in dreamweaver CS3 but I couldn’t get it to work.
    b.    If I upload the swf files to the same server as the web page I can use the embed command to push the swf files on a web page. I bypass the html page that makes the plugin announce a security warning.
    c.    If I do that the FLVs don’t play using Captivate 3 on an http server.
    d.    My Captivate projects works when I play the URL from the Connect Server and the FLVs play but I can’t embed them in a web page. Can I see some sample code.

    Hi Shekhar,
    Thank you for your response, this was helpful, however the problem remains as to how the video is seen in the frame. Unless I specify a height for the iframe, (which I don't want to do as it need to be responsive) the height of the captivate project has huge borders, margins which I can't seem to get rid of when it is part of an iframe?
    Please find screen capture of what is happening
    Kind Regards
    Adrian

  • Hyperlinks to web pages don't work in Captivate 7 or 8

    When I design hyperlinks to web pages work but once published they don't. How do i get hyperlinks to web pages to work in Captivate 7 or 8

    I should have read that more closely.
    It doesn't seem to apply. The only reason that would matter is if you were running the SWF-output from Captivate locally.
    ALWAYS test your product from the web to avoid any such security issues.
    But yes, if you're putting the published file on a local/network drive, then that security change will need to be applied and, yes, for every computer that accesses the file.
    You definitely want to distribute from an HTTP location.
    I did hope the first part of that article would help. They're not difficult to setup once you find the option. Just highlight some text and right-click to setup the hyperlink...right?

Maybe you are looking for