Captivate 2017 First Slide Blank except for play button

I’m publishing a non responsive project with a custom template.  When the project publishes and you go to play it the first slide shows the play bar at the bottom with a blank screen with a big play button in the center.  This slide is not on my film strip anywhere.  This didn’t happen when we were using Captivate 9 but since we’ve moved to Captivate 2017 and 2019 it does.

I’m wondering if for some reason Captivate thinks this is responsive because I’ve just noticed the pointing hand up by the opener for the TOC.

Thanks in advance,

Susan Davis

The post Captivate 2017 First Slide Blank except for play button appeared first on eLearning.

Scalable HTML Content Unchecked (Oh No!)

We are planning to make our corporate training available through a mobile app.  However, we realized at some point the Scalable HTML Content option was not checked.  Not sure when it was unchecked, but it happened not only for my Captivate, but for all of our associates who use Captivate.  We are not sure now which projects were published with scaling on or off.

Is there something inside the SCORM zip file I can look at that tells me if the project was published with the Scalable HTML Content option turned on?  We’ve determined in the past that looking at something in the published SCORM package is quicker than trying to test all those courses on a cell phone.

Thanks for any help you can give me.

The post Scalable HTML Content Unchecked (Oh No!) appeared first on eLearning.

Arabic fonts don’t connect

I have a project for Arabic that has me kind of crazy.  The Arabic font off the CC site that was free wouldn’t connect, so another one was purchased and that one won’t connect either.  I’m going to have to keep doing these types of projects and I really need to fond a solution in Captivate.  any ideas?

The post Arabic fonts don’t connect appeared first on eLearning.

Captivate File Formats

I have developed a love – hate relationship with Captivate.  I have only been a Captivate user for a few months.  I am trying to create training modules of my 40 years at my employer before I retire in Q1, 2020 for new and future engineers in my relatively small department to learn from.

After creating a few detailed training modules, one being a responsive type, I now think the easiest path forward is to create EXE files.  The reason is that I am doing this outside of the normal companywide LMS type training because they relate to only a very small group.  I have found that when I store the HTML5 files on a virtual drive, you can go out for lunch and a round of golf waiting for it to run.  That is, if the user knows which file to click on!  The EXE files, although they are huge, are very quick for me to create and for the trainee very quick to load and run.

Now my dilemma… If I stick with EXE, I have found that I can’t create an EXE from the responsive projects.  I have tried to do cut and paste out of the responsive to a non-responsive template, but so far, it is a royal pain and looks terrible.  It sets me way back to clean the files up.

What do others do?

John

The post Captivate File Formats appeared first on eLearning.

On Enter Advanced Action and Buttons with Success function doesn’t work

I’m using Captivate 2019.    Help

I use some similar Slides in my project and it doenst work.

I have 2 Objects (Shapes1 and Shape 2) on one Slide.

Shape 1 has a State, the State has a stroke.

Shape 2 is hidden. Shape 1 has “On Success, show Shape 2”

So far so good.

I added on the Slide itself  an “On Enter” advanced action. With a simple command. “Change State of Shape 1 to New State”

If i try to click Shape 1 it doesnt show Shape 2

do i miss something?

Thanks

The post On Enter Advanced Action and Buttons with Success function doesn’t work appeared first on eLearning.

Embedding New System Fonts in Adobe Captivate 2019

Fonts help set the tone for an e-learning project, but they are rarely a choice made by the e-learning developer or instructional designer. In my experience, most organizations have fonts stipulated within their branding requirements and compliance with the brand is mandatory. Marketing or Communications departments will often supply the font files to support and encourage continued brand compliance. This is how I typically acquire new system fonts.

In these cases, even though Adobe conveniently incorporates access to Adobe TypeKit fonts directly into Adobe Captivate, I have no justification for purchasing additional font licenses (via Adobe TypeKit) because the company has already purchased the appropriate licenses for the fonts and acquired the files.

After Adobe TypeKit, the second easiest option would be to access the fonts as Web fonts –if they are available via Google Fonts. If the font is available via Google Fonts, the following blog post by Steven Warwick outlines how you can add it to your project using some simple JavaScript.

However, there are limitations to this method.

  1. Some fonts are not available via Google Fonts (usually because they are not free of charge).
  2. This method requires internet access and access specifically to Google since we are using JavaScript to link to the font while the e-learning module is playing. Hence, if the e-learning module is running on a very secure intranet with no access to sites outside of the company’s domain, the fonts will not be displayed.

In practice, I have found the need to exercise a third option: to embed the company’s fonts directly into Adobe Captivate.

After some fishing around on the internet, I was able to find a blog post that described how to do this. I have included the URL in the resources section at the end of this article.

To have the instructions directly available from this forum, and also to have an article that specifically refers to the 2019 version of Adobe Captivate, I am detailing what I have learned.

There are three phases to embedding a new system font within an Adobe Captivate project:

  1. Install the font on your computer;
  2. Add the font to Adobe Captivate’s main CSS folder;
  3. Update the main CSS file in the published output of the Adobe Captivate project.

Step 1: Install the Font on Your Computer

  1. Download the font to your computer.
  2. Install the font. On a Mac, double-click the font files to open them in the Font Book, and then click the Install Font button. On Windows 10, drag the font files to the Fonts control panel.

I have found that as soon as the fonts are installed on the system, they become immediately available to select from the Font menu within Adobe Captivate 2019. If this does not happen, simply restart Adobe Captivate.

You will now be able to apply the font to the text within your Adobe Captivate project, and also view the font when you preview the project in the preview window. I have found that, at this stage, previewing the project within a browser yields mixed results.

While my Adobe Captivate projects are under development, I generally test them in both the Chrome and Safari browsers. In my experience Chrome displays any installed system fonts in project previews; Safari does not display the font until it is embedded within the published output.

Step 2: Add the Font to Adobe Captivate’s Main CSS Folder

If you are going to use the fonts regularly, you can ensure that Adobe Captivate adds the fonts’ files to every published project by adding the fonts’ files to Adobe Captivate’s CSS folder.

  1. Find out where Adobe Captivate is installed on your machine.
  2. The CSS folder is located under /Adobe Captivate 2019/HTML/assets/css. Navigate to it.
  3. Within the CSS folder, create a new folder, called fonts (you can call this anything, but you need to remember its name).
  4. Copy your fonts files to the newly created fonts folder.
  5. Return to the CSS folder. This is where you will create a CSS file that will tell browsers where to find the new fonts and how to process them.
  6. Using a text editor, create a file named fonts.css (you can call this anything you like, but you need to remember its name).
  7. In fonts.css, define each font and specify where the font is located. For this, you will need to know a little CSS and since I am not going to teach it in this article, here is an example of a fonts.css file I created for a recent project.
    A sample fonts.css file
  8. Your CSS folder should now resemble the image below.
    The css folder showing the fonts subfolder as well as the fonts.css file

If you examine the image above, there is an additional CSS file (CPLibraryAll.css) that we have not yet modified. This the file that tells the project where to find all its CSS information. We will eventually add the location of our new font.css file to definitions within this file. But not just yet. Through trial and error, I have found that there is no value in modifying CPLibraryAll.css at this stage, as it seems as though this file is freshly generated for each published project, and any changes are overwritten. Therefore, I edit CPLibraryAll.css AFTER publishing the project.

Step 3: Add the Font to the Published Output

  1. After publishing your project, unzip it if necessary.
  2. Browse to the assets/css folder.
  3. Open CPLibraryAll.css and add the following code to the very start of the file:
    @import URL("fonts.css");
  4. Save and close CPLibraryAll.css.
  5. Navigate back up to the main folder level and zip the files up again.

That’s it! It gets easier with practice!

In case you run into any problems, here are some troubleshooting tips I hope you will find helpful.

Troubleshooting

Live Preview
Live preview on devices will not display the new fonts. To the fonts on mobile devices, upload the course to your Web server or LMS.

The New Fonts Do Not Display in the Browser: 1
If you are like me, then the most likely mistake to avoid will be misspelling the font’s name within the fonts.css file. I have had this problem in the past when embedding fonts in Web pages. On this occasion, to avoid misspelling the font’s name, I just cut and pasted it directly from the font’s filename and then replaced dashes with spaces wherever necessary.

The New Fonts Do Not Display in the Browser: 2
Refresh the web page in your browser. I like to clear the browser history also to be sure that a cached version of the project is not being displayed.

SCORM Output No Longer Works — Unable to Locate imsmanifest.xml File!
When the file is unzipped, the imsmanifest.xml file should be at its root level.

Sometimes when re-zipping SCORM output, an extra folder level may be inadvertently created. If this is the case, rezip just the CONTENTS of the publish folder (do not include the actual publish folder) to avoid recreating the unneeded sub-folder.

Resources

You can find this and other articles I’ve written on my blog at toyinja.com.

The post Embedding New System Fonts in Adobe Captivate 2019 appeared first on eLearning.

Captivate Glossary

I’m creating a glossary in Captivate 2019-I’ve added terms and image and now I’d like to edit some of the definitions. I double click on a term and edit the content and save the changes, but when I preview in HTML5 the changes are not reflected. Can I only update the written content before images/audio are added? Trying to understand what the issue is. Thank you for your help!

The post Captivate Glossary appeared first on eLearning.

Dcache still available?

I’m using Captivate 2019, and am getting the “already open” file corruption error when moving my cptx files from one computer to another. I’m closing them properly on the master machine, but it still creates the temporary lock files and does not remove them, and as a result won’t open the cptx from a second machine, even if I delete the temp files or rename and move a duplicated cptx.

I know Dcache was sometimes solving this problem last year, but I didn’t have the issue until we upgraded to 2019, and the link here is dead. Does anyone know where to find it again?

The post Dcache still available? appeared first on eLearning.

Publish Difficulty

Hi, I am trying to publish a course using SWF format.  The conditions that the client wants to use are SWF format and she wants to disable the elearning output options. When this is published, there is no swf file for her to upload to the LMS.  The last time I did this which was in June, there was a swf file.  Also, why can’t I publish to both swf and html at the same time anymore?  Thanks for any help.

The post Publish Difficulty appeared first on eLearning.