Sizing a drop-down widget in Captivate 2019

I have created a drop-down menu using the supplied widget.  It will not let me make the font larger than 14.  In fact, sizing seems difficult no matter what.  Any suggestions?  Also, the widget appears to create a swf file.  Does that mean it will not work in html5?

Thanks!
Brian

The post Sizing a drop-down widget in Captivate 2019 appeared first on eLearning.

Cannot install Captivate 2019

I installed the Captivate 2019 exe file. In my Windows 10 settings I can see it under apps however, it is nowhere to be found?? I include 2 screenshots.

I installed the Captivate 2019 exe file. In my Windows 10 settings I can see it under apps however, it is nowhere to be found?? I include 2 screenshots.

The post Cannot install Captivate 2019 appeared first on eLearning.

Captivate crashes when trying to open it

I have reached out to Adobe about this same message shown below.

When this happened before, it seemed to be an issue with low storage on my computer. Since that time, I added 200G to my iCloud account and now have this plenty of storage (see below), so I don’t know what else to try to fix the problem above. I’m using a mac btw. Can you help? My number is 314.239.4727. Judy Ryan

The post Captivate crashes when trying to open it appeared first on eLearning.

Image hit boxes not resizing/repositioning with image animation via GSAP

Hi there, I have a bit of a niche question regarding using the GSAP javascript library within Captivate. I’ve used GSAP within Captivate to a small extent and I really like the flexibility it gives to create smooth and unique animations pretty quickly (downside being you have to publish the Captivate project each time you want to preview it).

I should add I’m working in Captivate 9 and working in a non-responsive project (no breakpoints or fluid boxes. Initially I thought this might have to be exported as a SWF).

Here’s a summary of my question – how does Captivate determine the hit box of images and is there a way to adjust to hitbox via javascript?

Here’s the longer version – I have a slide with two images on it and I would like the user to be able to click on each image to have it enlarge and center in the screen, almost like a lightbox effect. I have used GSAP to animate the tweening of images to scale them up and center them on the screen. I have written it so the image scales up and re-positions on click, then scales back down and moves back to it’s original position once clicked again. At first I had an issue with the Z Index of the images (seeing as they are two separate images on two separate layers), but thanks to another forum post I was able to learn how to call to the Z Index and change it. I then had an issue of both images scaling up even though one of them already was, so I changed some things around so that the image will only scale up if the other images are still ‘minimized’ (i.e. the two images can’t be enlarged at the same time). My final issue and the one I am struggling to fix is that the hit boxes for my images stay at the same size and position that the image is originally placed at. So when the user clicks on an image and it enlarges and re-positions, it will only scale back down if the user clicks in the area of the images original hitbox. The hitbox is not scaling and re-positioning with the image. I image this has something to do with using GSAP to animate the image, and for some reason the hitbox isn’t tracking it?

Is there a way I can call to the images hitbox and have that tween too?

I have tried adding another event listener to the window to have the images scale back down with a mousedown event on the window itself, if the image is enlarged. However this resulted in the animation not working at all. I also tried that method with an invisible ‘hidden’ shape (alpha set to 0), but that did nothing either.

Like I said, this is a pretty niche question. I’m not sure how many users out there are using GSAP within Captivate, but I would appreciate any advice or points in the right direction.

Thanks!

Here is my code for that slide if it is helpful – my images are named Image_18 and Image_19.

cp.disable(“text_content_35”);

var reImage19 = document.getElementById(“re-Image_19c”);
reImage19.style.zIndex = 1000;

var reImage18 = document.getElementById(“re-Image_18c”);
reImage18.style.zIndex = 1000;

function myFunction(){
reImage19.style.zIndex = 1000;
}

function myFunction2(){
reImage18.style.zIndex = 1000;
}

var image19 = document.getElementById(“Image_19c”);
var tl = new TimelineMax({paused:true, reversed:true, onReverseComplete:myFunction});
tl.to(image19, .8, {x:-185, y:-200, scaleX:1.5, scaleY:1.5, ease:Quad.easeInOut});

var image18 = document.getElementById(“Image_18c”);
var tl_2 = new TimelineMax({paused:true, reversed:true, onReverseComplete:myFunction2});
tl_2.to(image18, .8, {x:-210, y:50, scaleX:1.5, scaleY:1.5, ease:Quad.easeInOut});

window.addEventListener(“mousedown”, function(e){
if(e.target.id==”Image_19″ && reImage18.style.zIndex == 1000){
tl.reversed() ? (reImage19.style.zIndex=5000, tl.play()) : tl.reverse();
}
});

window.addEventListener(“mousedown”, function(e){
if(e.target.id==”Image_18″ && reImage19.style.zIndex == 1000){
tl_2.reversed() ? (reImage18.style.zIndex=5000, tl_2.play()) : tl_2.reverse();
}
});

The post Image hit boxes not resizing/repositioning with image animation via GSAP appeared first on eLearning.

Multi-state button?

I would like to make two buttons:

  1. Mute / Unmute: The button should mute any audio playing and show an icon of a mic with a line through it. When it is clicked and audio is muted, the button should have an icon of a mic on it and when clicked, turn the audio back on.
  2. Pause / Play: The button should pause the whole slide (auto-playing video also) and have a pause icon on it. When clicked, it should have a play icon and resume the slide (auto-playing video also).

I ran into some trouble I can’t figure out (nor apparently can I find the answer on Google), so I am hoping you can help. The problems I’ve run into with these buttons are:

  1. I can’t find a way to add an action to a button in a custom state. I can add an action to a shape i’m using a button, but the Actions panel is not visible (see screenshot below) when the shape is in a custom state.
  2. It seems that you can’t just attach two or more actions to a button; you must write an advanced action. Is that really the case? So to change the state of the button when pressed (from mute to unmute and from pause to play and vice versa) and to perform the actual action, i have to write an advanced action?
  3. For the mute button, i can’t find an action called “mute audio” or anything like that; i can find “Stop triggered audio” but it’s asking which audio file – Do i have to make an advanced action for every single slide on which this button is used?

Can someone help? There must be a way, no?

The reason I need to make those buttons is because we’re not going to be using the player control bar at the bottom at all (because i don’t want to allow the learner to fast-forward and when you take the playbar out of the bottom bar, the rest of the buttons all get distributed horizontally and it looks really silly). So instead, i’m making navigation buttons and for the most part that’s ok.

Attached files:

Play

The post Multi-state button? appeared first on eLearning.

How to bring or use an external javascript library into captivate 2019

  1. I am trying to use the javascript library 3djs.

I created a map using html and the javascript 3djs library, but  when I bring it into captivate as a web object

it does not work. I try many different way to see if the map show up but nothing seems to work.

I know that Jquery and Bootstrap are integrated into captivate.

How to integrate the 3djs into captivate?

The post How to bring or use an external javascript library into captivate 2019 appeared first on eLearning.