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],

Similar Messages

Bookmarks of a Responsive HTML5 output as part of an overall tree structure

With its Responsive HTML5 output, unstructured FrameMaker 12 can create a bookmark tree.
Is it possible to tie trees (bookmarks) of multiple Responsive HTML5 outputs in an overall HTML tree structure?

Hi Herbert
Thanks for reporting the issue.
For this problem, I will suggest two solutions
1. Either create a master book containing all your books / fm documents and then publish, you will get integrated Responsive HTML5 output.
2. Or use TCS and in RoboHelp use merge project Adobe RoboHelp 11 * Merging Help projects
Please let us know if you find any issue in that.
Thanks
Amit Jha

Question about .swf and HTML5 output and passing variables via querystring

Hello,
I am using Captivate 7. We're developing a program that we would like to output both for desktop users and mobile users.If I'm correct, multiscreen.html will determine whether or not to load index.html (which is for mobile users) or yourprogram.htm (for desktop users).
Currently, we pull and push data from the database using .NET via a querystring and Javascript into yourprogram.htm. In the program, there's a Response.Redirect which sends that data (what screen you've finished reviewing as well as quiz data). So it basically reloads yourprogram.htm after each "save" point. We're wondering how to best approach it if multiscreen.html is first loaded, we imagine the variables may not get passed back and forth correctly into the index.html(HTML5 output)? Has anyone had experience with developing a program this way?
Looking forward to your insights, recommendations and anything to look out for.
Thanks,
Ruth

Basically, the code is meant to be an example of using a wrapper to modify output before it gets written to the file. So, println is called and the wrapper just alters any text that comes to it before it gets printed to the file. Think of writing to a message to an error log and appending the Date and time to the front.
The code works fine if you only work on the string that is passed in by itself such as:
s = s.replace('1', '2');When I try to add text onto the string s I run into problems. I need to send the length of the string to the write function but then length ends up being 8202 on the new string. I don't understand why. I am wondering if this has to do with converting chars to string or the way strings are passed to methods.
This method is called first and then calls the write method with the string as a param.
public void write(char[] cbuf, int off, int len) throws IOException {
                String s= new String(cbuf);
                this.write(s, off, len);
        }but for some reason when I try to create a new string from the string passed in or try to append text to it, the length of the string gets message up.
Does that help?
Sorry, I am just trying to understand what is going on here.
Thanks.

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

[FM12] Linking multiple books for HTML5 output

Hi all,
Here is the problem I'm facing :
I've created several FM12 books. Each one has a life on its own, as the main purpose is to publish in PDF format.
I would like publish in HTML5 to put all the books in an online help, that would be integrated into my company's website.
I have a problem dealing with the structure of my online help.
When putting out each book individually in HTML5, my TOC format is perfectly preserved as such :
ChapterTitle
- Level 1
- Level 2
- Level 3
ChapterTitle
- Level 1
- Level 2
- Level 3
However, if i put all my books in a same master-book, and generate a master-TOC, the HTML5 Output breaks my TOC format, as I have the following result :
Book 1 name
- ChapterTitle
- Level 1
- Level 2
- Level 3
- ChapterTitle
- Level 1
- Level 2
- Level 3
Book 2 name
- ChapterTitle
- Level 1
- Level 2
- Level 3
- ChapterTitle
- Level 1
- Level 2
- Level 3
Any hint or idea on how to solve this problem would be greatly appreciated. Thanks a lot !

This question has been cross-posted to two different forum
categories. Please direct any responses to the thread where the
question was originally asked. You may do this by
clicking
here.
Forum posting guidelines may be viewed by
clicking
here.

FM12 - "Black" images in HTML5 output

Hello
I'm using Framemaker 12, and I work with HTML5 output to publish online helps.
In my FM files, I use PNG images which are in anchored frames.
My problem is, after I did the HTML5 output, my images appear "black" as you can see below. Any idea about where this problem comes from would be greatly appreciated !
Thanks a lot.

Hi Arnis,
In fact the problem was in the transparency. My images are transparent .png files, and it looks like FM (still) does not know how to deal with transparency, and puts black where my images are transparent.

CP8 Glossary in HTML5 output problems

When publishing a SWF file that includes the glossary interaction, the glossary obeys the stacking order of objects when the file is viewed. When the file is published as HTML5, the glossary appears above items that were above it in the stacking order. In the image below you can see that I've added images above the glossary widget so I can make some appearance changes since you can't modify the widget's shape, and in the SWF output the widget appears below the images. In the HTML5 output the widget is being placed above the objects.
The other problem I'm seeing is that the glossary interaction doesn't even appear when viewing the published file in Chrome. So I have 2 questions:
1) How do you get the glossary widget to obey the stacking order in HTML5 output?
2) How do you get the glossary widget to appear at all in Chrome.?

Hi,
In regards to your first question I've had exactly the same problem. I've created elements to appear over the top of the widget which work fine in SWF but I've had no luck getting the sort order correct in HTML5. I've tried a number methods to try and find a solution but without any luck and so I would love to hear if anyone else has been able to do this.
What version of CP are you using? I do not have problems with the glossary widget appearing in Chrome using HTML8 and I'm using the latest build of CP 8. I did have problems with older versions but found that when I upgraded a project that had a glossary widget I also had to remove the old widget from the project and reinsert it again. Hope this point helps.
AndyK

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

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.

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?

Captivate 7 - HTML5 Output and Interactions - coming to the front

Hi all,
Don't know if anyone else has had this issue. I have found that when using inetractions with HTML5 output they automatically come to the front of the slide regardless of where you placed them in the story file.
I had used white rectangles to hide the interaction border but this now doesn't work in HTML5 (does the trick in SWF format).
Any ideas?
Cheers.

Hi again Mayank,
Little way down the road and it's not working . I have been testing away and discovered several things.
I started a new project and copy and pasted my slide from the main project with the accordian widget over to it. This was initially not working when tested in HTML5 so i proceded to chop away stuff untill it worked.
I discovered that if you have any objects with a shadow on the slide in any place (including not overlapping the widget) the whole widget breaks. I also found that if you had a 'line' smart object anywhere that the whole widget breaks.
Once i made sure i had no lines and shadows on the slide the widget then worked as expected with it staying at the back.
However i have found that no matter what i do in my main project the widget never works, even when it is the only thing on a new slide? This suggests a project wide issue and i have no idea what that could be.
Is there a chance that the actual save of my project is the issue as it was created before i changed the code? If so is there somthing i could change in the code of my save file to make it work?
I thought maybe i could copy and paste the entire project into a new project but of course all the click boxes change back to continue which is a nightmare.
EDIT: I just tried copying the entire project over to a new project and although all click boxes were on continue the slide with the widget worked fine (with the above amends).
EDIT EDIT: Hah, okay i have now discovered that deleteing the images of my master slide allowed the original project to work with the above amends (lines and shadows removed) too? So its the master slide thats the problem!

Video Issues with HTML5 Output

Hello there,
I have a project with several videos on seperate slides that are located inbetween normal content slides.
Works fine with SWF output and HTML5 output viewed on the pc, but...
when I test the course on an iPad the video plays quite fine the first time I watch it.
However when I jump back to the video the screen stays black for the duration of the video.
When there is audio in the video the audio plays but the screen stays black!
What I happening here?
Someone any ideas?
Thanks in advance
Ruwen

Hello there,
Have you inserted multi slide synchronized video or event video?
and which format of video have you inserted?
Please tell the complete version of Captivate 6 (help> about captivate) and which version of iOS is it?
You can also try improve the slide quality to optimized or 24 bit in the properties of the slide (for every slide).
Thanks.

Problems html5 output smart interaction in Captivte 8

Hi community,
I have a problem with Captivate 8
When I publish smart interaction like Word Search they run perfect in swf. But when I watch the html5 output most of the interactions are placed on the top left corner and not at the position where I wanted to see them.
Are there any possibilies to fix this?
How can I bring the smart interaction in the html5 output into the center of the page?
Best regards
Me

All of the interactions are different.
You can move them on to the screen in the applicable widget html file. i.e. wr/w_4632/Widget_4632.htm
Sometimes you can use the reveal div, sometimes the widget name div:
<div id="wordsearchwdgt" style="-webkit-tap-highlight-color: rgba(0,0,0,0); left: 120px; top: 20px; position: absolute; display: block;">
      <link rel="stylesheet" id="cssFile" type="text/css" href="themes/dummy.css"></link>
      <link rel="stylesheet" id="cssHeader" type="text/css" href="themes/dummyHeader.css"></link>
      <link rel="stylesheet" type="text/css" href="themes/jScroll.css"></link>
      <div id="reveal" style="left: 120px; top: 0px; position: absolute; display: block; width: 832px;">
Even though it can be moved, some interactions still are cut off on the right. Still trying to find the culprit.

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'

Discoloring of mp4 videos in html5 output

I am using Adobe Captivate to be able to publish to html5. As swf is incompatible with html5, I have to use mp4 videos. However, the videos are somehow discolored in output. Can anyone tell me why this happens, an what I may do to fix it?
The image on the left shows the video in html5 output. The one on the right is taken from the editor.
There is no difference using event or multiple slide mode for the videos.

What do you have set as your slide quality settings? Perhaps you need to increase it.

Questions on HTML5 Output in FrameMaker 12

Similar Messages

Maybe you are looking for