Skip to main content
JKurtBrown
JKurtBrown
Inspiring
August 31, 2012
Answered

A way to show a rollover slidette in html5?

  • August 31, 2012
  • 39 replies
  • 13695 views

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

This topic has been closed for replies.
Correct answer RodWard

When I insert a "click box" and configure On Success: Execute Advanced Actions to run a script that states "show slidette" the user should be able to click that click box and the roll over slidette should pop up right? I'm asking because it doesn't, you can click on that box all day and nothing happens.

Im pretty much at the end of the rope with captivate, it seems to be an excellent toy for making 4th grade quizes and HR videos on how to find a fire exit but when it comes to building a module with interactivity and delivering value based content with substance captivate is not what your looking for.


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.

39 replies

Julie88
Julie88
Inspiring
September 5, 2014

This was an excellent thread to read.  I will just chime in that the advanced actions to replace the slidelet seem cumbersome and there are some issues with having to work around other click boxes and being able to pause properly.  All this was taken care of in 2 minutes with a slidelet.  So ease of development to replace a slidelet is not there IMHO.

I am frustrated by the amount of time it is taking and the team I am working with - the rate of development has slowed down for everyone because of this. 

I would like to see Captivate give us a cleaner way of making this transition as others in the thread have pointed out.

I know that Captivate seems very focus on the mobile aspects, but I have to tell you that most folks are not there.  You may be surprised how many places still do not have an LMS even.

Captiv8r
Captiv8r
Legend
September 5, 2014

LOL, Julie, on one hand you appear to be grumbling that it takes too much effort to re-create functionality that will work in the HTML 5 world. But then you seem to state that Captivate is focused on mobile when most folks "aren't there" yet. Are we to assume you are like most folks in "not being there" yet? And if so, why aren't you using the basic SWF output where slidelets are a breeze?

Cheers... Rick

Julie88
Julie88
Inspiring
September 5, 2014

Well unfortunately, while we aren't using these courses on a mobile platform, these folks don't want to use any functionality now that may make it difficult in the future (just in case they decide to go to HTML5).  So it is frustrating to not be able to use the slidelet now because there doesn't seem to be any plans (and please correct if I am wrong on this) to adapt the slidelet container for HTML5.

D
dt4pt
Known Participant
October 23, 2013

I realise that this is an old discussion but I've been looking for the same answer in relation to Captivate 7.

I too am surprised that the rollover slidelet hasn't been reworked yet, especially considering that we're up to CP7 now. Does anyone know if Adobe have any plans to incorporate an HTML5-compatible slidelet/container that is activated by click any time soon?

In the meantime the best solution I can find is here: http://blogs.adobe.com/captivate/2011/12/creating-a-screen-with-a-pop-up-with-adobe-captivate-5-5 although I'm worried about the development time involved when creating a project with multiple popups used throughout. Unless I'm completely missing something each popup looks like it requires a new advanced action of its own.

I have a lot of content waiting to developed that requires tablet compatibility and I think it might take too long to do in Captivate without this functionality.

S
Suresh Jayaraman
Inspiring
October 24, 2013

Slidelet are not available in Captivate 7 and nor in the update which we are working in the near future . So the best approach would be relook at your content to see how to accomplish the same /similar objective in an alternative way and I am sure you will find an answer . For folks going mobile .. expecting the same desk top experince needs to be relooked at

Suresh J

Captivate Engineering team

S
Sreekanth_S
Legend
October 24, 2013

Suresh, I can very much see the rollover slidelet functionality in Captivate 7. Guess you misinterpreted it for some other option.

Sreekanth

Anjaneai_Srivastava
Adobe Employee
Anjaneai_Srivastava
Adobe Employee
August 31, 2012

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

JKurtBrown
JKurtBrownAuthor
Inspiring
August 31, 2012

Apreciate the feedback!

As my orginal note stated "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"

I do understand that tablets/phones do not have a "hover" input, thats why I was asking the community if they knew of another way to have the same interaction where as maybe a button that would open the slidette? Maybe an action script that would make the button on success show the slidette? if thats even possible.

Not sure why they would not design a button with slidette for html output like the hover over slidette.

RodWard
Community Expert
RodWardCommunity Expert
Community Expert
September 1, 2012

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?

Firefly Community Gallery
Adobe Firefly

Remix with Firefly Community Gallery

Thousands of free creations to fall in love with and remix in Firefly.

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