Skip navigation
Currently Being Moderated

A way to show a rollover slidette in html5?

Aug 31, 2012 9:17 AM

Tags: #buttons #navigation #slidelet #html5 #captions #captivate_6

Hi,

 

I currently have a project with a image slide and "hotspots" that show slidettes when rolled over. How can I have the same interaction for HTML5 output on a tablet/phone? My slidettes contain text and a demo video, so the standard button action to show a text caption is not gonna work this time plus I like the option of closing the slidette when done. Any ideas or work arounds?

 

Thanks,

 

JKB

 
Replies
  • Anjaneai Srivastava
    901 posts
    Oct 17, 2011
    Currently Being Moderated
    Aug 31, 2012 10:11 AM   in reply to JKurtBrown

    Hi JKB,

     

    Any object with Roll-over functionality would not work, for a simple reason, HTML5 mostly aims for touch screen based devices, and over a tocuh screen you can only invoke the action on Toch, Hover/Roll over would not be possible,.

     

    Thanks an,

    Anjaneai

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 31, 2012 5:29 PM   in reply to JKurtBrown

    Since tablets use the tap as a replacement for a mouse click, why don't you try redesigning the interaction using click boxes and Advanced Actions so that when the click box is tapped it executes an Advanced Action to SHOW or HIDE a caption?

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 4, 2012 8:51 AM   in reply to JKurtBrown

    With an advanced action you can show all object that you want at the same time, it is not limited to only a caption at all. Even a slidelet is not opening in a new window, do not understand what you mean by that?

     

    Lilybiri

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 4, 2012 10:23 AM   in reply to JKurtBrown

    Slidelets are not currently supported in HTML5 output.  So you would definitely need to use a solution as proposed by Lieve.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 5, 2012 7:03 AM   in reply to RodWard

    So let me see if i get this right, if we use rollover captions or slideletes in our Captivate pieces, and we want to have a similar capability in HTML 5, we have to replace all rollover captions and slidelets with advance interactions or click boxes? I know it would be easy to show items when clicking a specific area on screen, but how do you achieve the "hide" on clicking an object. Will I be able to show several objects, including a graphic with an X, and hide objects when the user clicks the X?

     

    Thanks

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 5, 2012 7:08 AM   in reply to Itzelm

    ONe more thing, like the original poster said in this discussion board, the great thing about slidelets is that you can have pictures, audio and different objects at the same time. I don't see how using clickboxes and advance interactions will allow me to display a picture and or video WITH  audio , or even synchronize the appearance of pictures with the audio. We would need a timeline to do that. The only solution i see is redesigning the content so that it is in a slide insteas of a rollover caption.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 5, 2012 8:39 AM   in reply to Itzelm

    Showing, hiding, enabling, disabling, those are all possible actions that you can include in advanced actions. For the X, put a click box over it (that you show with the rest) and attach an advanced action to it that hides all what you want. That is no problem.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 5, 2012 8:40 AM   in reply to Itzelm

    If you need timing, then it is more complicated, and since advanced actions seem to be rather new to you, in that case I would recommend putting everything on another slide indeed.


    Lilybiri

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 5, 2012 8:49 AM   in reply to Lilybiri

    Ok, great.. It is clear to me that we will have to redesign our content.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 5, 2012 9:22 AM   in reply to JKurtBrown

    No.  You are incorrect there.  Captivate is VERY capable of creating interactive elearning for any kind of content.  Since plenty of other developers are quite capable of using it to do just that, perhaps the issue is not with the tool but the fact that you haven't as yet learned to work with it?

     

    Are you still trying to use a Slidelet in content that you're publishing for HTML5 output? Did you not see the statement above that slidelets are not compatible with HTML5 output?

     

    My guess here is that you may be expecting Captivate to work in a way that makes sense to you, when in fact it was built with a slightly different mindset.  In my experience, you have to forget what you might have done, or how you worked, with other tools and just learn Captivate from scratch.  A lot of the frustrated developer comments I've seen in these forums over the years have turned out to be due to trying to use Captivate to do something the wrong way, or trying to get it to do something it's not meant to do.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 5, 2012 9:50 AM   in reply to RodWard

    JKurtBrown, I share your frustration--not with this particular issue, but with other ones. I don't agree with you on Captivate's capabilities. Captivate is a very powerful program. However, RodWard hit the nail in the head when he said "A lot of frustrated developer comments...due to trying to use Captivate to do something the wrong way, or trying to get it to do something it's not meant to do." The problem with Captivate (and other tools for that matter) is that because there are no standardized training tools to show you how to use the tool "the right way", we are forced to try to figure the tool out. Some solutions that may seem obvious to us, might not be obvious to others, and so on. So, we design the content using the tool the way that it seems obvious to us, only to later realize that we should have done it a different way.

     

    What i am learning is that, to use the tool effectively, we must either spend a lot of time building complex things in it, find an experienced developer or solid training program to learn how to use it. Unfortunately, the latter are very few and cost $.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 19, 2012 7:14 AM   in reply to JKurtBrown

    Well thanks, best news I've received all day.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 4, 2013 5:50 PM   in reply to RodWard

    Rod,

     

    I was just reviewing this thread and your response after having recently developed the same frustration with Captivate's slidelet concept.  I think there is a broader point that's being missed here. The slidelet, in the abstract, is a means of providing a powerful slide-within-a-slide popup of sorts in response to an interaction or trigger, much like Storyline does with the layer concept, but not as flexible nor well thought out, unfortunately. Part of that power is in the fact that it acts as a container so that several objects can be conveniently laid out on this one animatable entity... So far so good. The real issue/problem is that Captivate restricts this nice container, the slidelet, to be used ONLY with rollovers.  Given that rollovers are the one, most obvious interactive object that  CAN'T be used with HTML5/mobile projects, the possibility of having a convenient popup container of this type is eliminated.  Why would Captivate developers do that, as opposed to making the slidelet generic so it could also work for click-oriented objects and so that the HTML5 output could be as "similar" as possible (in other words, the concept of a slidelet and the concept of a rollover are independent and separate concepts, so why marry them in such an exclusive and limiting way). 

     

    So, this isn't just an issue about adjusting expectations/mindset to fall in line with what a tool's  philosophy is, it's really more to do with the bewildering choice Captivate developers made to restrict the much-needed and powerful slidelet concept (one that is arguably among the most essential in many types of interactive design) to only one type of interactive object -- the very object that falls by the wayside for mobile/html5.  This seems more like an oversight than a tool philosophy.

     

    That said, there is the alternative of grouping objects and having a click-based object show/hide the group. This is a fairly crude workaround though, as groups can't be animated or have effects applied as a whole, like slidelets can.

     

    - Doug

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 4, 2013 9:21 PM   in reply to doug2020

    Doug,

    I think something that needs to be remembered here is that the slidelet object pre-dates (by several years) any thoughts Adobe might possibly have had about HTML5. 

     

    Slidelets have been in Captivate since about version 3 (if memory serves) but they were never a very successful implementation of the concept in my view. 

     

    I agree wholeheartedly with you that Storyline's layers concept and the way you can set up triggers to display those layers on a slide is a far more flexible and useful way to handle what slidelets attempt to do.

     

    I'm hopeful that Adobe has also noticed that Storyline got the jump on Captivate with their layers feature (as well as a few other features) and are currently feverishly working out how to catch up and pass Articulate with Cp's next major version update.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 5, 2013 11:02 AM   in reply to RodWard

    Rod,

     

    Yep, I agree that, in the early days, having slidelets linked exclusively to rollovers would not have  been seen as the big limitation it presents today for those pursuing mobile/html5 compatability.  I was really commenting on why this limitation has been allowed to persist in more recent versions (5, 5.5, and especially 6), during a period of html5 and touchscreen emergence that made it clear there is a major downside in relying too much on hover and rollover behaviours for interactive functionality. This should have been recognized and dealt with by now imo, especially given the obvious shift in emphasis toward HTML5 publishing that Adobe undertook with version 6.  The remedy could simply be allowing slidelets to be triggered by on-success of other click-based interactive objects -- doesn't seem like it would be a huge challenge as the basic functionality is already there, but that's easy for me to say --- Another widget opportunity Rod?

     

    Anyway, I'm sure this issue has been registered and is being thought about. Just offering some encouragement.

     

    As you say, and regardless of how people may feel about newer products like Storyline overall (granted, SL has a lot of catching up to do on the animation and advanced logic side of things), SL certainly provides a best-in-class approach and benchmark for flexible slidelet-like layering (which is weird, since Adobe products are usually king when it comes to layer-oriented thinking), as well as the ability (in SL) for any object to trigger states/actions on any other object/layer based on virtually any type of interaction.  I guess it's just another example of the laws of authoring tools: 1) At any given time, each tool is required to have a few gaping holes to maintain the interest in competing tools, and 2) the new kid on the block gets at least a short term advantage from a fresh design architecture that is  not "legacy-strapped".   In the long haul, having stiffer competition in this space should prove to be a good thing for all involved.

     

    Doug

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (1)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points