Skip to main content
Participant
July 3, 2017
Question

Freeform smartshape rollover issue

  • July 3, 2017
  • 5 replies
  • 464 views

Hi everyone,

I am using Captivate 9 and have found an issue with freeform smart shapes and rollover states. I have multiple freeform smart shapes in close proximity with different rollovers for each. I have found that the dotted box around the smart shapes interferes with the rollover of other smart shapes beneath it. I tried searching the forums and did not find any mention of this issue. I was wondering if anyone else has had this issue and if there was a way to work around it.

Cheers

    This topic has been closed for replies.

    5 replies

    Participant
    July 6, 2017

    Thanks for the replies, looks like I am going to have to look into another way to do this or just not use rollovers since I am using irregular shapes.

    R_H__
    Inspiring
    July 5, 2017

    Using smartshape rectangles (rotated as previously mentioned), the desired effect works both with a gap between and overlapping a small amount. The problem arrises when you draw your own shape using the polygon tool.

    Screencast video example:

    Recording #10

    Participant
    July 4, 2017

    Sorry, didn't explain it as thoroughly as I should have. I am on Captivate 9.0.2.437. I am using free form smart shapes with the inbuilt rollover state. I have made an example and will post a series of pictures to show my problem. I did them quickly in Paint and since printscreen doesn't show where the cursor is, the black outline arrow is where the cursor would be.

    This is made of 4 separate diamonds using the polygon smart shape. Each diamond has an inbuilt rollover state which changes its color to red. The diamonds on the left and right are at a higher level than the diamonds at the top and bottom. As you can see, the dotted bounding box covers a section of the other objects:

    On publish and preview in HTML5, rolling over the side diamonds turns them red as expected for the entirety of the shape:

    However once you rollover to the top and bottom diamonds which are on the lower layers it does not trigger the rollover state:

    That is until you get past where the dotted bounding box was when you made the shape:

    This occurs on both ends and if you change the layers around so the top and bottom shapes are at the top and the right and left shapes are at the bottom only that now the right and left shapes do not get interacted with until they get past the bounding box.

    This is quite a pain as I am building a tutorial with multiple parts of a machine that gets highlighted and has a information box appear when the student rolls over the parts. These parts are all irregular sizes and are next to each other.

    Lilybiri
    Legend
    July 4, 2017

    I don't see answers to the question: is this a button? Only shape buttons and Drag&Drop objects have inbuilt states. Although you can define a rollover state for each shape, they'll only be active when the shape is activated as button.

    You cannot have overlaps however, and overlapping means for the bounding boxes, not for the shape itself. That is what is causing the problems. However I don't understand why you didn't use rectangle shapes that were rotated 45°? That way you could have avoided any overlap.

    Of course, that will not help for irregular shapes. You will have to layer 'invisible' shapes in such a way that you don't have overlaps in that case. Beware: Rollovers are not supported on responsive projects and not guaranteed to work in pure HTML5 output. Is it a good idea to still use rollovers? Moreover if you upgrade to CP2017 and want to use Fluid boxes, it is not even allowed to have overlapping objects unless using static (more limited) Fluid boxes.

    Inspiring
    July 3, 2017

    Depending on the order you have placed those objects in your Captivate Slide timeline, there may be some layering issues. You won't be able to access with your cursor smartshapes beneath other smartshapes. If they are activated as buttons, you could tab to them in preview but you still wouldn't be able to see it because, again, it would be obscured by the object before it in the timeline. If your smartshapes must be in close proximity and overlap each other, I suggest making each object have a specified time (begin and end) that does not overlap with each other in your timeline.

    Lilybiri
    Legend
    July 3, 2017

    Can you specify the exact version number, please? Look under Help, About Captivate.

    I don't understand your question fully: are you talking about shapes that are buttons and have Rollover InBuilt state, or about a shape used as Rollover for a rollover area?  The 'dotted' box you are talking about is perhaps the bounding box of the freeform shape? What do you mean by 'interacting'? Maybe post some screenshots.