Smartshape buttons not consistent in HTML5 output

I have toggle buttons I created using Smart Shapes and advanced actions. They work fine and predictable in SWF output, but in HTML5 output, sometimes only half the button is hot and sometimes the a button won't be hot at all. There appears to be a dead spot in the top middle of the screen. If I move the buttons out of this zone, they work. Is this a known bug with HTML5 output?

Ok, so i tried unchecking Advanced Project Compression, still no luck.
One thing that I did that made the objects show up was move them directly to the center of the project (which breaks the design and navigation constraints the client has.)
Is there any reason why buttons and text near the edge of a project might be invisible in the output in Chrome? I am looking in the assets/js/... folder to see if there's anything there that might "hide" objects that are near the borders of the project. Any thoughts there?
Update: I found an older published HTML5 output of the same project that doesn't lose those elements in a full screen chrome. It was done before the most recent updates to Captivate 6. I compared the CPLibrary.js and found there are significant portions of code that have been changed / and or removed. I took the CPLibrary.js from the old project, and put it into the assets/js folder of the new project and it caused the missing items to show up in chrome. Not sure if this error will be fixed in the next update for captivate?

Similar Messages

  • Exit button not working Captivate 7 output to HTML5 and SWF

    I have several courses developed in Cp 6.5 that do not have this issue and are currently running on Taleo LMS.
    I've built a test course with 6 (mostly blank) slides, including two quiz questions. On the final slide I have placed a Finish Course button with On Success: Exit action. The project end options are set to close project and I've included an On Exit: Exit action on the final slide. The Finish Course button successfully closes the browser window in Preview in Browser (IE9) and Preview HTML5 output modes.
    I then published the course to both HTML5 and SWF output formats with scalable HTML selected. Once I uploaded the course to the LMS and tested it, the Finish Course button does not close the browser window. I've tested in IE9, Firefox, and iPad, and it doesn't work on any of these. I've also tried including the built in exit button on the playbar, and it doesn't close the window either. At the final slide, after clicking the Finish Course button, the slide fades to white and then stops.
    The LMS reports that the course is complete; I thought maybe it was an issue with the settings in the LMS course, however I have several other courses that were developed in Cp 6.5, published to the same LMS with the same "Exit" button on the final slide, and I have mirrored every course setting that has worked in the past.
    Any suggestions as to what could be keeping the window from closing?
    Thanks,
    PV

    Why does there need to be a button used now when in CP 6 and 6.5 it worked seamlessly? Will this be fixed by Adobe and when?
    Adam Lynch
    Senior Media Specialist
    Project Lead The Way, Inc.
    3939 Priority Way South Drive, Suite 200
    Indianapolis, IN 46240
    phone: 317.669.0845  | mobile: 518.469.7617
    fax: 317.663.8296
    www.pltw.org<http://www.pltw.org/>
    Preparing students for the global economy. Now even earlier.
    PLTW Elementary coming fall 2014. Click here to view the trailer<http://www.youtube.com/watch?v=rikLnSAoTpQ>.
    Confidentiality Notice: The information transmitted is the property of the sender and is intended only for the person or entity to which it is addressed and may contain confidential and or privileged material.  Statements and opinions expressed in this e-mail may not represent those of Project Lead The Way, Inc.  Any unauthorized review, retransmission, dissemination and other use of, or taking of any action in reliance upon, this information is prohibited.  If you are not the intended recipient, please contact the sender by reply e-mail and destroy all copies of the original message and delete the material from any computer.  If you are the intended recipient but do not wish to receive communications through this medium, please so advise the sender immediately.

  • Custom menu item not appearing in HTML5 Output

    I'm trying to add a custom menu item to the top right of a project, it shows up fine in the flash output of a published SCORM file, but it's non-existent in the HTML5 output.
    Has anyone experienced this issue, or have any suggestions for a solution?
    Thanks in advance for any help you can provide!

    I did it through the Skin Editor in Captivate, it is not an external flash menu...I wouldn't expect it to convert flash to html5.  Through the skin editor you can add extra buttons, in the same place you can move the table of contents button, to the "top right".  The problem is, the custom menu items won't even show the text where the link should be in html5, nothing... only when published to flash.

  • Buttons not appearing clearly upon output

    I have created menu buttons (with highlight) that in turn link to the relevant movie file.
    When outputted to DVD these buttons appear blurry and unclear.
    Why are the buttons not appearing in a crisp, clean state when I have outputted them?

    Which version of DVD SP are you using? Are you
    making these over video menus? What size and color
    of fonts/background? They can all play into what is
    happening, usually 20pt + sans serif works best, but
    the text in DVD SP can often leave things to be
    desired from time to time - where are you previewing
    the buttons?
    Thanks for your reply.
    The vesrion Im using is DV Studio Pro 3. The up state color of the buttons are black and over is red. The font size is 13pt Arial Black.
    I have outputted the DVD itself, so I view it through TV.
    Am I on the right track?
    Thanks again.

  • Questions on HTML5 Output in FrameMaker 12

    I have a couple questions about the HTML5 Output:
    1. I have images that are not appearing in the output (they are in the source FM file, but not in the HTML5 output). What am I doing wrong?
    2. Is there a way to disable the glossary function so that it doesn't appear as an option in the HTML5 output?
    Any help is greatly appreciated. Thanks!

    1. Are all of the images in anchored frames? Have you edited any of the settings under Style mapping > Image?
    2. Currently, AFAIK, this is hardwired. You could try spelunking in a saved settings.sts file (it's just a zip container) to see if this can be turned off there [if you're quite familiar with XML, DTD's (.slp file), HTML and javascript],

  • Changing TOC font and removing toc button in HTML5 output

    Hey,
    When I view my project on my iPad (therefore presumably the HTML5 output) the font is times new roman rather than my selected Source Sans Pro. Is there anyway around this?
    I would also like to remove the 'TOC' button in the playbar, which I can do easily in the flash version, but not so easily in the html5 version.
    Any suggestions?
    Thanks
    Mike

    The fonts for the TOC are in the CPM.js:
    fontSettings: {
                    level1Settings: {
                        font: 'Myriad Pro',
                        fontSize: 16,
                        bold: false,
                        italic: false,
                        underline: false,
                        color: '#282828',
                        rolloverColor: '#ffffff'
                    level2Settings: {
                        font: 'Myriad Pro',
                        fontSize: 16,
                        bold: false,
                        italic: false,
                        underline: false,
                        color: '#000000',
                        rolloverColor: '#ffffff'
                    level3Settings: {
                        font: 'Myriad Pro',
                        fontSize: 16,
                        bold: false,
                        italic: false,
                        underline: false,
                        color: '#000000',
                        rolloverColor: '#ffffff'
                    level4Settings: {
                        font: 'Myriad Pro',
                        fontSize: 16,
                        bold: false,
                        italic: false,
                        underline: false,
                        color: '#000000',
                        rolloverColor: '#ffffff'
                    level5Settings: {
                        font: 'Myriad Pro',
                        fontSize: 16,
                        bold: false,
                        italic: false,
                        underline: false,
                        color: '#000000',
                        rolloverColor: '#ffffff'

  • Buttons not working correctly/consistently

    I am working with a template that has 5 buttons on each slide Back, Next, Help, Pause, and Play
    The Help button is set up to Jump to Slide with the correct target, but for some reason it doesn't work. In fact, sometimes when I click Pause and then click the Help, it actually resumes instead of  jumping to the slide.
    This is pretty basic stuff, so I am at a complete loss. The only thing I am wondering about is whether the fact that the lesson was originally done in Captivate 5 could be causing an issue.
    Here's the way the action is set up.

    I have had issues with buttons not working properly in Captivate 4. When it happens, it is completely random and not consistent. To get my buttons to work properly, I usually just exit out, and go back to the project and then they work.
    Sometimes it takes me going back the next day for them to work. There's no rhyme or reason to it. The settings are all correct. I don't change a thing. I save, and go back to the project and the button is working all of a sudden. At least that has been my experience the last couple of months.

  • Add a radio button to each row on output (not selection-screen)

    its a normal interacitve report...
    we need to add a radio button to each row on output (not selection-screen) and when user selects the radio button of a particular row and clicks on the user defined menu 'Execute' the report has to fetch the records from a table corresponding to the selected row on the second list.
    all this has to be done in normal interactive list.
    please let me know your suggetions as soon as possible.
    thanks,
    usha.

    Hi ,  try this
    TABLES: spfli.
    TYPE-POOLS:slis.
    PARAMETERS: p_col TYPE i ,
                p_row TYPE i,
                p_color(4) TYPE c .
    DATA: t_fieldcat TYPE slis_t_fieldcat_alv,
          fs_fieldcat LIKE LINE OF t_fieldcat,
          fs_layout TYPE slis_layout_alv ,
          w_color(4) ,
          w_row TYPE i,
          w_fieldname(20),
          w_prog TYPE sy-repid.
    TYPES : BEGIN OF ty_spfli ,
              color(4),
              checkbox ,
              cell TYPE slis_t_specialcol_alv,
              carrid TYPE spfli-carrid,
              connid TYPE spfli-connid,
              cityfrom TYPE spfli-cityfrom,
              cityto TYPE spfli-cityto,
              distance TYPE spfli-distance,
           END OF ty_spfli.
    DATA : wa_spfli TYPE ty_spfli ,
           t_spfli TYPE TABLE OF ty_spfli.
    DATA: fs_cell LIKE LINE OF wa_spfli-cell.
    SELECT carrid connid cityfrom cityto distance
      FROM spfli
      INTO CORRESPONDING FIELDS OF TABLE t_spfli.
    w_color = p_color.
    fs_fieldcat-fieldname = 'CARRID'.
    fs_fieldcat-ref_tabname = 'SPFLI'.
    fs_fieldcat-col_pos = 1.
    fs_fieldcat-key = 'X'.
    APPEND fs_fieldcat TO t_fieldcat.
    CLEAR fs_fieldcat .
    fs_fieldcat-fieldname = 'CONNID'.
    fs_fieldcat-ref_tabname = 'SPFLI'.
    fs_fieldcat-col_pos = 2.
    fs_fieldcat-key = 'X'.
    APPEND fs_fieldcat TO t_fieldcat.
    CLEAR fs_fieldcat .
    fs_fieldcat-fieldname = 'DISTANCE'.
    fs_fieldcat-ref_tabname = 'SPFLI'.
    fs_fieldcat-col_pos = 3.
    fs_fieldcat-key = ' '.
    fs_fieldcat-edit = 'X'.
    APPEND fs_fieldcat TO t_fieldcat.
    CLEAR fs_fieldcat.
    fs_fieldcat-fieldname = 'CITYFROM'.
    fs_fieldcat-ref_tabname = 'SPFLI'.
    fs_fieldcat-col_pos = 4.
    fs_fieldcat-key = ' '.
    APPEND fs_fieldcat TO t_fieldcat.
    LOOP AT t_fieldcat INTO fs_fieldcat.
      IF fs_fieldcat-col_pos EQ p_col.
        fs_fieldcat-emphasize = p_color.
        w_fieldname = fs_fieldcat-fieldname.
        IF p_row IS INITIAL AND p_col GT 0.
          MODIFY t_fieldcat FROM fs_fieldcat TRANSPORTING emphasize.
        ENDIF.
      ENDIF.
    ENDLOOP.
    fs_layout-info_fieldname = 'COLOR'.
    fs_layout-box_fieldname = 'CHECKBOX'.
    fs_layout-coltab_fieldname = 'CELL'.
    fs_layout-f2code = '&ETA'.
    w_prog = sy-repid.
    CALL FUNCTION 'REUSE_ALV_LIST_DISPLAY'
      EXPORTING
        i_callback_program = w_prog
        is_layout          = fs_layout
        it_fieldcat        = t_fieldcat
      TABLES
        t_outtab           = t_spfli
      EXCEPTIONS
        program_error      = 1
        OTHERS             = 2.
    IF sy-subrc <> 0.
    * MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO
    * WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4.
    ENDIF.
    Regards,
    Aby

  • HTML5 output not playing

    Hi All
    Using Captivate 7. Looking for some help on why I Randomly get this with some of my projects. The flash output works fine. So when I am in captivate and hit f12, no problems, but if I hit f11, the spinner just goes round and round. The problem happens in IE as well as Chrome. (see attachments). The only way  I have found to fix it thus far is to copy all the slides from the damaged project and paste them into a new blank project. Ths then works fine, indicating its not a problem with the slides. Its just really annoying to have to go and reset all the interaction ID's and the project settings such as reporting every time it happens. (Seems to happen on average once a week)
    I have also cleared the cache (general settings -> project cahce - > clear cache), and this hasnt helped
    Looking at the error, it seems like its something internal.
    Love any ideas that people have got.
    Thanks
    Luke
    ***** Edit *******
    Ok so now the next project I open up also has the same issue, but with a different error
    But other projects are still ok, so its not a problem with the pc or the installation, as far as I can tell

    Just as another thing to look at if you have any similar issues, I found that if I have a "-" in a drag and drop interaction ID it also failed with the error in the console of :
    SyntaxError: Expected ':'
    at b (http://localhost:51210/HTML5Temp5776550982271Pre/assets/js/CPXHRLoader.js:36:369)
    at Anonymous function (http://localhost:51210/HTML5Temp5776550982271Pre/assets/js/CPXHRLoader.js:37:45)
    SCRIPT5009: 'cp' is undefined
    File: index.html, Line: 17, Column: 3
    However no such problem when using the swf output, just the html5 output
    HTH

  • TOC not showing up on mobile devices after generating Multiscreen HTML5 output?

    I'm using a trial version of RoboHelp 10. I created a project and used the screen profile: Android_Galaxy_Tab and the Screen Layout" Android_Tablet_Layout and generated HTML5 output from that. I navigate to the folder on my computer and click index.htm and it shows up in Chrome browser fine, but I upload (via FTP) the exact files to my web server and navigate to the web files and the TOC doesn't show up. As well as on mobile devices. The web files are here www.superdesigngirl.com/android_galaxy_tab/index.htm. Do I need to publish the files to the web via RoboHelp? Is this a known issue? Am I setting something wrong? Please help. Katherine.

    Thanks Peter,
    Observations:
    When your site is uploaded to our server, and we access it with our mobile devices, we experience the same issue with the TOC refreshing instead of drilling down. The same sort of thing happens when we access your index - regardless of which topic we try to display, clicking on any link simply refreshes the index. We didn't have this problem with our own index. I wonder what's different?
    When we access your site, directly via our iPad, it works perfectly. However, when we access your site via my Windows Phone (Nokia Lumia 920 running Phone 8) I experience the same problem of your TOC refreshing like ours does. Also, your index doesn't work on that phone, whereas ours does.
    I should probably add that what I uploaded to our server was everything in the \empcareus\EmployeeCareUS\EmployeeCareUS_Project\!SSL!\Multiscreen_HTML5 directory to our testing server at ****.com.au/onlinehelpdemo/mobile/emp
    Was that the right thing to do?
    I've also thought this might be a permissions issue, but setting all file/folder permissions to 777 hasn't made a difference.
    Cheers.
    UPDATE: I took our files home and uploaded them to my own web server. They work perfectly on my Windows phone and iPad. Something's wrong at the work server end, I guess. Any ideas?

  • Transparency not working on smartshape button filled with transparent (PNG) image.

    I'm using Captivate 8 and have had no problems so far importing PNG images with transparent backgrounds.....that is until I try and make a smartshape button and import a transparent PNG image as the background.
    It displays fine on screen, but whenever I preview it or publish, the white background of the image/button displays. Is this a known Captivate 8 limitation?
    Sorry if this is a repeated question....I've tried trawling through the forums and all I can see is to try different file formats for the images, such as GIF or BMP, which I've tried and nothing works.
    Any advice or suggestions?

    If it is a button, what is inserted for Rollover and Down state? I just recreated a shape button, with three different images for the states. All are in one PS-file as layers which I imported into Captivate. I kept Stretched checked in this case, because I know there is sometimes a slight change in size between states. Here are screenshots of Up, Rollover and Down state. The stroke was set to 0 for the shape, but to prevent all color contamination I also set stroke to the color of the background (light grey). In the first (Up) image you can clearly see where the stroke is due to truncation of the Question mark.
    Seems only possibility is in the creation of the PNG's? What was your work flow?

  • Javascript not working in swf output

    I am working on a project where the quiz requirements are quite unique and not all that logical, but it's what the client requires...
    I have a lot of courses ("lessons") for this project. I'm using a fully custom quiz for each lesson. Because of the sheer number of courses, and the unique requirements, I am trying to leverage javascript for this project as much as possible.
    I must publish both HTML5 and Flash versions. While not contractually required to publish a swf version, I am pretty certain that having both formats available will avoid having to deal with all of the browser issues down the road (already seeing issues in IE 11 on the client's PC).
    So for each quiz question slide I have smartshapes which are acting as clickable text captions, like this:
    Question text....
    A. Answer choice a
    B. Answer choice b
    C. Answer choice c
    D. Answer choice d
    Each of the above answer choices is a smartshape button that is set to 'Execute Javascript' on click. In the javascript panel for each I have the following:
    CORRECT_ANSWER = 'q1b';
    ANSWER_CHOICE = (event.target) ? event.target.id : event.srcElement.id;
    evaluate_answer(ANSWER_CHOICE, CORRECT_ANSWER);
    In an external 'quiz.js' file I have the evaluate_answer function, which looks like this:
    *********** quiz.js *************
    var evaluate_answer = function (answerChoice, correctAnswer) {
      var answerChoice = window.cpAPIInterface.getVariableValue("ANSWER_CHOICE");
      var correctAnswer = window.cpAPIInterface.getVariableValue("CORRECT_ANSWER");
      if (answerChoice == correctAnswer) {
       cp.show('fb_q1_correct');
       cp.show('fb_q1_correct_next');
       cp.show('q1_answer_disabler');
      } else {
       cp.show('fb_q1_incorrect');
       cp.show('fb_q1_incorrect_next');
       cp.show('fb_q1_incorrect_remediate');
       cp.show('q1_answer_disabler');
    *********** END quiz.js *************
    The above works great in HTML5 output but not in the swf version. It looks like the swf version can't handle/pass the event.target, but that's just a guess.
    Any ideas?

    Hey again all,
    The specific code importing the username isn't actually all that important, it's more of test to make sure that Javascript will actually work. I have a lot more code that needs to be processed as well, I'm using this as an example before I tackle the actual interworkings of the script. Therefore, I can't use a workaround, such as a system variable in the hyperlink, to pass the username.
    I've now tried countless variations of methods of trying to run the JavaScript so far, including the ways that all of you have recommended. The only way the script will run is by my saving the file as a .htm and including an alert within the script in either the .htm file or in the .js file and calling from within the .htm. I haven't been able to get the process to run at all by including as an On Enter page action or as a .swf or by excluding the alert().  Can any of you get a Captivate 8 project with JavaScript to work as .swf alone on your server? Why does that alert have to before the setVariable in order for it to work in htm? I've changed the global security for Flash; is there another setting that I'm maybe missing?
    Thank you all again for help. I'm completely stumped by this one!

  • How to get current slide from embedded HTML5 output

    I am using php to run a web application that displays HTML5 captivate files embeded in a HTML web page. What I need to be able to do is when a user clicks a button OUTSIDE of captivate (say maybe a "Finish" button) I need to be able to check if they have completed the interactive captivate capture. My research so far has show that there is little to no documentation on captivates APIs but they do exist. It looks like java script is the best option. How can I embed the captivate HTML5 output and find out if the user completed the Captivate. This could be by slide (i.e. 10/10 slides) or by percentage or a simple "Complete" would work. I just need the value so I can pass it back to php so my app can do its thing.

    You already got addon running in the active ie instance. You just need to catch the WindowStateChanged event in every instance so you can write down the last event with OLECMDIDF_WINDOWSTATE_USERVISIBLE somewhere. When you need the active IE instance, just
    pull from your save.
    Note an IE tab may crash and take your addon with it. It is better to start a broker process to store your global data.
    Visual C++ MVP

  • Fill-In-The-Blank drop-down list in HTML5 output

    I'm working in Captivate 7 (WIN) and developing for both SWF and HTML5 output, viewing courses in IE9 for Windows and Safari on iPad.
    I have a quiz containing a fill-in-the-blank question, using a drop-down list to select the correct answer, however it does not display the drop-down button or function correctly in HTML5 output (see screenshot).
    The issue began after updating to Captivate 7 version 7.0.1.237. The drop-down list worked prior to the update I installed recently. I'm viewing the published course locally and in the LMS, and it does not work in either.
    I've not read in the help documents that drop-down list questions are an unsupported question type in HTML5, and so I'm wondering if this is a bug that needs to be reported. Has anyone encountered this issue?

    Do you need scoring? There is a Scrolling Text interaction (more control, you can empty the variable and it will be displayed empty) but it is a non-interactive one, no score possible except by adding other interactive objects.
    Custom Short Answer Question - Captivate blog

  • How do I get a smartshape button that open the TOC and pause the project when it is selected?

    Please help! I created a smartshape button and assigned it the action of making the table of contents visible when clicked. However, now I also need the project to pause when the TOC button is clicked. Can someone please guide in as to what I need to do? Thanks

    Hi,
    Please follow the below steps.
    1) Create an advanced action with the action "Show TOC"
    2) Insert a smart shape and use it as button
    3) Execute the advanced action on success of the shape button.
    In the published output, movie will not continue on clicking the shape. Please let me know if it solves your issue.
    Regards,
    Haridoss

Maybe you are looking for