Inspiring

Question

CP9 and Radio Button Widget no displaying in HTML5 when published

Forum|Forum|9 years ago
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.

cincyjack

Participant

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

Cap 2019.

jeffreys37582068

Participant

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

Lilybiri

Legend

Yep. (New screen name, replacing my old Imprez99 above)

Here we are over a year later, still rearing its ugly head (yes, even after reporting it as a bug). Someone really needs to look at the reporting to the interface when one resizes the RBW widget dimensions manually by clicking/dragging the bounding box (and then refreshing) as I believe the answer lies within...

Create RBW and simply select it (get bounding boxes) and allow the defaults and press OK.

Examine the widget info (Properties panel > Style > Click blue i (info) icon to right of pencil.) It will open the "Animation Information" Panel.

Take note of width and height (mine says 140W/175H - which I think yours will too, it's the default size)

Press OK.

Resize the widget bounding box width and height and press "refresh widget".

Go back to the widget info. What's it reporting now for W/H? No matter what I resize the widget to, it doesn't change the values for W/H and that's pretty much exactly what it's rendering once published... they can't be changed beyond 140/175.

Fix this, and I bet the problem goes away.

As we're working on converting our decently sized library of training over to HTML5 (because no more flash and some of our customers have already stopped supporting or even installing flash on their systems) , this is essentially the last thorn in the side to complete the transition over. We have about 58 modules that have the radio button widget, for a total of 178 RBW's, used in simple knowledge reviews in the training. Creating advanced actions for each of them (like the old days of Version 5), its going to be a daunting task, that we're about to embark on anyways... because Adobe doesn't appear to care to fix this.

Are you still on CP9?

I

imprez99

Participant

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

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

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

Gray SusanAuthor

Inspiring

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 SusanAuthor

Inspiring