Skip to main content
Gray Susan
Inspiring
January 26, 2017
Question

CP9 and Radio Button Widget no displaying in HTML5 when published

  • January 26, 2017
  • 4 replies
  • 3247 views

I've created and example project that has two radio button widgets on one slide.  The one only displays half the content while the other displays just fine.

You can see part of the second radio button and it does function but you can't see the label.

In the CPTX it all shows up and when I preview it everything shows.  Just not when published as an HTML5.

    This topic has been closed for replies.

    4 replies

    cincyjack
    New Participant
    January 26, 2019

    I am having this issue; radio button interaction truncated in html5

    Cap 2019.

    jeffreys37582068
    New Participant
    June 21, 2019

    Same issue with checkbox widget in Captivate 2019 - June update.

    Lilybiri
    Legend
    June 21, 2019

    Can you show a screenshot of the truncated interaction after publishing and uploading to webserver or LMS?

    New Participant
    March 1, 2018

    Bump? Anyone. This issue hasn't gone away or been solved in Captivate 10. A work around (create advanced interaction) isn't an answer.

    Edit 1:

    Captivate 10 runs a "localhost" server (*thank you!) to be able to preview HTML5 content more properly now, it doesn't show in there. Barring that, following other suggestions elsewhere, uploaded to server... still doesn't show all radio buttons (only 1st three of 4 or 5).

    This has been an issue since 7, and surprised it keeps getting ignored. (And I've had 7, 8, and now on 10).

    I even saved the project as a Responsive project... just in case. 

    Radio button widget always worked great in a SWF, however corporate policy has started to block .swfs (thanks for the warning there) so department has started to convert to HTML5 and dealing with all the issues that have created, this one is the low hanging fruit since we use the widget on various non-graded knowledge checks before advancing in the training.

    Edit 2:

    Spent some time on this today testing.

    Added some various radio button widgets to a new project.  No matter the size of the widget on the stage to show all the options, (click drag bounding box to make bigger), smaller, taller, wider - in all cases, it rendered the same exact default size (the shadow showed this - hence "the shadows know"). If your selections for font size and a greater number of options push it beyond the default size, it *will* be cut off. So, even if you set the W/H properties for the widget, it will not render, it's ignoring the bottom extents. So, I would think this could be something easy to find in the code.

    I found this out because I put an outside shadow effect on the widget. In Captivate, it applied the shadow to the text itself (the individual options in the widget). When it was sent out to "Preview > HTML5 in Browser" it only applied the shadow effect to the boundaries of the widget itself, not the individual text. So I tried a few others playing with fonts, scaling, etc... and came to the above conclusion... Captivate will only render the default size widget, regardless of how many options you have in the widget or their font size.

    Displays: (Via Preview > HTML5 In Browser)

    --kC

    Wanderer10
    Participating Frequently
    March 12, 2018

    I am experiencing the same issue. In my testing it appears to be a problem in Firefox, IE and Edge, but Chrome seems to render it fine. At this point, telling people to use Chrome is the only workaround I have discovered.

    RodWard
    Community Expert
    Community Expert
    March 13, 2018

    Upload your content to a web server or LMS and test from there.  Does the HTML5 work on all browsers then?

    Gray Susan
    Inspiring
    February 7, 2017

    Well I've gone to a new computer and recreated this project.  It still truncates the department 2 line if I put it horizontal.  So I gave up and put them both vertical and you can see it all.  Still no idea why but I have it working.

    Gray Susan
    Inspiring
    January 26, 2017

    Gray Susan
    Inspiring
    January 26, 2017

    I tried having the buttons be vertical with even worse results.

    Lilybiri
    Legend
    January 26, 2017

    Did you resize the interactions to the wanted size? Are they not overlapping? Do you see it correctly when previewing with F11?