Skip to main content
D
Adobe Employee
devhend
Adobe Employee
May 22, 2020
Answered

Button States Not Changing in HTML5

  • May 22, 2020
  • 1 reply
  • 517 views

I have created a branching slide using the branching groups and labelling method. I have created custom button states for each button so when the user returns to the main branching slide they can see what has been completed and what hasn't. 


When I test these states in captivate everything works as anticipated. When I try to preview my project in HTML5 the buttons work and the branching is functional, however the button states do not change so you cannot tell which slide you've visited.

 

I have tried everything I can think of to resolve this with no success. Anyone know of this issue or any solutions?

    This topic has been closed for replies.
    Correct answer Lilybiri

    11.5.1.499 or later supports the use of bitmap images as buttons, same with SVGs. That is a feature which is ONLY avaialble for HTML5 output. Personally I never I prefer using shapes filled with bitmap images because they can be saved in an object style. Here is an article with a complete comparison of all button types.

    http://blog.lilybiri.com/overvew-6-button-types

     

    Can you show the Object State panel? Did you check the 'Retain State when revisiting slide' option?

    Here is another blog about states:

    http://blog.lilybiri.com/about-state-commands-and-a-progress-bar

    1 reply

    Lilybiri
    Lilybiri
    Legend
    May 22, 2020

    Are you on an old version of Captivate? Why use a Custom state instead of the Visited InBuilt state? Did you activate the option 'Retain state when revisiting the slide'?

    D
    Adobe Employee
    devhendAuthor
    Adobe Employee
    May 22, 2020

    Using the most recent version of captivate. I should say that I'm utilizing the InBuilt Visited, Rollover, & Down states. I just changed the look of them.

     

    I have used photos (JPEG) in the states and then altered the look of the photo for each state. Does HTML5 just not support image changes like that?

    Lilybiri
    Lilybiri
    Legend
    May 22, 2020

    I didn't have the "Retain State..." option selected. That did show at least the visited state. Rollover still doesn't seem to work, but I can get by as long as the Visited state works. I'll take a look at those blogs.


    Thank you for the help!


    That was my suspicion, and reason why I repeated that same question in bold and underlined.

    Still didn't see the Object State panel. Doiuble-checked, Rollover state is working for also on bitmap images.

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