Skip to main content
D
Dane V.
Known Participant
December 11, 2020
Question

Problem with click box and image in hint

  • December 11, 2020
  • 1 reply
  • 2375 views

Hi!

I use the click box to show some hints in mouseover areas. And it works fine up to a problem where I can't find a solution.


Here you see my example. When you go with the mouse over ths small little bottle, the popup on the right side cames up. And you see, there is a little photo in the description.

 

Here is the view in the status from this click box. You see, the image is in this description of the status from this click box.

But when i do a preview with this page, it looks like thi, there is no photo in the description.

After some tests, isee that the picture is behind the textbox. For one test, i moved the photo tot eh half out of the text box.

So my first idea was, there must be a problem with the order of the item. I set the order for the photo to the front:

But it doesn't change the problem, it stays the same.

 

Can someone please help me why the photo is otherwise in the foreground in Captivate but not shown in the foreground in Preview?


Thanks for any help, and sorry: My captivate is in german. 

    This topic has been closed for replies.

    1 reply

    Lilybiri
    Lilybiri
    Legend
    December 11, 2020

    Guten Mittag... I understand German, no problem, but don't dare to write in German (you can write in your language if it is easier). Ich bin Flamen.

    I am a bit confused... and too bad the Timeline didn't show the click box. Why do you need a click box? Are you on an older version of Captivate? If you are on 11.5 you can use the bottle directly as button, no need for an extra object. 

    Next question: did you insert both the Text and the Image to appear on rollover (only supported for desktop/laptop) in a Rollover state of what? Not of the click box, because by definition it is invisible and has no InBuilt states. Where is the 'mouseover' state? I must miss something, have read your question over and over again.

    From what I can read of '..mit der Maus... Drinkflasche' it looks like you want the text+image to appear when hovering over that image. If you are on 11.5 you can add both to the rollover state of the bottle defined as bottle. If you are on an older version, use a shape which you fill with the bottle as button. Just double-checked with bottle as button:

    D
    Dane V.Author
    Known Participant
    December 11, 2020

    Hi!

     

    Thanks for the fast answer. I try to write in english, i think its a good training. 🙂 But its good when you understand german, so you can unterstand my screenshots from captivate. 

     

    I dont use the rollover function becaus its a flash function. So i use the workaround with this funktion:

    I don know how the name is in the english version of captivate. Click filed oder click box i think. And this is HTML5 compatible. The rollover function not. That was the cause why i go this way. 

     

    And with this function, you can popup a text box by clicking the activation area, or like i use it, by hover by mouse. 

     

    I Use Captivate 11.5.0.476

    Lilybiri
    Lilybiri
    Legend
    December 11, 2020

    English is fine for me (my 3rd language, German my 4th...).

    But now you are giving me two opposite, contradictory statements:

    • You use the click box (Klickfeld) which is bit of an obsolete object in the most recent versions, is also not allowed in Fluid Boxes to have the learner 'click'. You can do that also with having that bottle defined as button (in 11.5) or fill a shape with the bottle image and define it as button. No need at all for two objects.
    • You say rollover is not compatible with HTML5; hence the click-functionality. But you also say that when you hover over... which is the same as rollover will work. That is true (HTML tracker is not correct here) if the learner uses a desktop/laptop, not when he uses a mobile devide. I showed you with my screenshot how to create the Rollover state in that case. But that state will NOT appear on tablets nor smartphones. 

    Have a look at this blog post, with the easiest solution ever to replace a rollover:

    http://blog.lilybiri.com/click-slash-reveal-interactions-back-to-basics

    Screenshots are with the English version. Captivate has no Dutch version (my mother tongue).

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices