Skip to main content
CaptivEd
CaptivEd
Inspiring
June 14, 2016
Question

No rollover area for HTML 5. What to use?

  • June 14, 2016
  • 4 replies
  • 1280 views

I really like the rollover areas for the "how to navigate the course" slide. You mouse-over a button and it gives you a description of what it does. However, there is no "rolling over" on an iPad. What have people used instead for an effective substitute for HTML 5 publication?

This topic has been closed for replies.

4 replies

tony00777
tony00777
Participating Frequently
November 27, 2016

In Cap 9, you can add a shape and select "Use as Button"

Then go to State View, one of the states is Rollover.  Delete the other states, and then add other shapes, text, etc. to the rollover state.

CaptivEd
CaptivEdAuthor
Inspiring
June 14, 2016

Hmm...the click box idea seems to not work. It does not toggle the success caption on and off as I hoped it might.

Maybe the navigation directions are not that important...

Lilybiri
Lilybiri
Legend
June 15, 2016

Use a 'toggle' interactive object that will show/hide any object or even group which you want to appear. You can use the shared action that I described in this article, but do not use the states for the interactive object. Anyway if it is a click box, it doesn't have states, not even in CP9:

1 action = 5 Toggle Buttons - Captivate blog

CaptivEd
CaptivEdAuthor
Inspiring
June 14, 2016

Thanks, Rick...I should have mentioned I'm using CP8 so no states for me...

The workaround I'm thinking of is putting shapes around the navigation object to be described and then putting a click box over it and change the "Success" text. I've not tried this yet. Maybe someone else will have another workaround. Not sure how well this will toggle on/off.

Captiv8r
Captiv8r
Legend
June 14, 2016

The other option I might consider would be to have captions with the desired text that are hidden. Then have actions that are defined that cause them to show to be revealed upon a click.

Cheers... Rick

    Captiv8r
    Captiv8r
    Legend
    June 14, 2016

    I stand to be corrected here, but I believe that's what the new "states" feature is intended to handle. Instead of rolling over, the user clicks and the state changes.

    I understand that one of the reasons for no rollovers in HTML 5 is that there is no way for a mobile device to sense a hover that your finger is near but not totally touching a specific area where the mouse pointer easily does that.

    Cheers... Rick

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