Make Image Popups Modal Windows?

[mwmartz]

Is there a way to make the image popups be modal windows that the user can move out of the way, rather than just popups that get in the way of the text? We'd like for our users to be able to keep the image up while continuing to look at the rest of the help text or the UI.

[Mike Kelley]

That's not a native feature in Flare. You'll have to implement some sort of jQuery/JavaScript plugin in order to achieve that. There's plenty of modal plugins out there.

[mwmartz]

Unfortunately, I've never worked with "modal plugins." Can you recommend any in particular? I'm really surprised this isn't possible in native Flare. Seems like it used to be at one point (a popup style, maybe?).

[NorthEast]

I'd describe the current behaviour of image thumbnail popups as 'modal'.
I'm pretty sure 'modal' means that you have to interact with it before you can return to what you were doing.

What do you actually want the images to do when you click on them?
e.g.
- expand in size, but stay inline where they are.
- open in a new tab.

[mwmartz]

@dave lee We'd like for the image to enlarge like it does now. But, we'd also like the user to be able to move the image out of the way so s/he can view the text with the image enlarged. The way it is now, the image enlarges, but hides the surrounding text.

[sarrants]

Here's one method I've used in the past. TrinityTuts Customizable draggable popup using jQuery, HTML, and CSS https://trinitytuts.com/custom-draggabl ... -html-css/ I haven't tried it with Flare, but it should work.

[mwmartz]

Here's one method I've used in the past. TrinityTuts Customizable draggable popup using jQuery, HTML, and CSS https://trinitytuts.com/custom-draggabl ... -html-css/ I haven't tried it with Flare, but it should work.

This looks really cool and exactly what we'd like to do. But alas, I can't tell exactly how to implement it in Flare. I'm afraid my coding skills are somewhat limited to the basic. If anyone wouldn't mind walking me through this, that would be awesome.