Rollover Button

You can create the same effect now by creating a graphic. In the properties of all of our buttons there is an "Customize Button States" link. This opens a small dialog in which you can add any image you like to any of the button states - Active, Mouse-over, Mouse-Down. You could change the image in the Mouse-over state to be whatever you want to show on the rollover. I have seen people build the content they want to show in Flypaper and get a screen shot to show on rollover of a button.
Steps:
1) Create what you want on a blank page in Flypaper.
2) use "alt+print Scrn" button to take a screen shot.
3) Open Paint.
4) Crop the image in Paint and Save it as a JPEG.

Add the new image to the Mouse-Over item on your button.

We know this isn't as easy to build as other interactions in Flypaper, and we have plans to make it easier in the future. But this works for now, and can give you the same effect.

Interesting work-around for this question. It's not unlike the old method of using Javascript to create image rollovers in HTML pages - something I was doing about 5 years ago!

I am working on a project that is a demo of a new desktop application and I wnat to show users what different buttons in a toolbar will do and the simplest method of doing this if to have a caption bubble pop up when the mouse rolls over a button in the tool bar, so there needs to be multiple rollover buttons on a single page. Unfortunately clicking on an invisible button to reveal a caption bubble and then having to click again to hide it is not a very intuitive method of doing it and I hav already had questions about this from testers (despite putting instructions on the page that they have to click again to hide the caption bubble. I will look into the multiple image idea and see if it will work.

This however is a great application and we can visualize many ways of using it in our company!

"You can create the same effect now by creating a graphic. In the properties of all of our buttons there is an "Customize Button States" link. This opens a small dialog in which you can add any image you like to any of the button states - Active, Mouse-over, Mouse-Down. You could change the image in the Mouse-over state to be whatever you want to show on the rollover."

I've tried this, but the problem is that all the button states have to be images that are the same size (?). In this case I have a small image of the toolbar button and a large image of the explanation. Any suggestions?

I suggest you try the image scroller component. You could add all the toolbar images in a horizontal or vertical row. The image scroller has an action of show/hide./ When you click any image in the image scroller it will show the objectcs you select in the list, and hide all the objects that are shown by all the other images in the image scroller.

So it would not be a rollover, but it would get rid of the need to click twice (once to show and once to hide).

We realize these are workarounds, and we are working on improving buttons.

Thanks! I'll give it a try.

Is there a way to have the images in the image scroller component be flush against each other as opposed to have a preset gap between them? In the the help file it says the gap is in pixels, but a gap of '1' appears to be much larger than a single pixel.

Andy,

This depends on the pictures used in the image scroller. If the image is taller than it is wide, it will look like there is a larger horizontal gap between the images. However, if the image is wider than it is tall, then there will be no extra horizontal space.

You won't be able to get the images completely flush, but if you make sure that all of the images are wider than tall, the gap will be minimized.

Zorik

I agree with Andy!!! It would be very nice to have a way to explain what a button is. I'm guessing this would take two action menus.

As far as the image scroller goes...is there a way to have it show hide on mouse over, and then click to go to a page?