Common Setting in all Images in a Flare project

This forum is for all Flare issues not related to any of the other categories.
Post Reply
Arpita_17
Propeller Head
Posts: 56
Joined: Mon Sep 24, 2018 4:46 pm

Common Setting in all Images in a Flare project

Post by Arpita_17 »

Hi All,

Is there a way we can apply magnify setting to all the images in a flare project. Also, is there any other setting than thumbnail setting on an image. I want the image displaying to be small, but not as small as thumbnail and hover over gives a clearer bigger image. This is because, if a user prints that page, at least the image is view-able.

Can someone please help me attain this? Thanks in advance. :-)
ajturnersurrey
Sr. Propeller Head
Posts: 346
Joined: Fri Nov 05, 2010 3:30 am

Re: Common Setting in all Images in a Flare project

Post by ajturnersurrey »

First you need to say where you want the images to behave like this. At first I thought you meant your xml editor view of the project, which depends on the medium you select (although you can separately switch on 'Show all images as thumbnails'), but then you talk about a user printing a page so maybe you are thinking of an html5 top nav target... or maybe another type of help?

I think you do want to look at thumbnail settings for your image class, with mc-thumbnail set to hover (which will return the image to full size, whatever that is for your images, when you hover over it) and mc-thumbnail-max-height dialled up a bit from where it is now in your css. I like 96px in my html5 help, but I have sometimes used larger sizes, constrained mainly by the hardware you expect users to have when viewing the help.

If you generate your own pdf from Flare you can control the size of your images in the print medium separately. If you let a user 'print' a help page to pdf those thumbnails will retain their on screen size. They will see the image best by sticking with the online version and hovering over an image.

Hope this helps
Arpita_17
Propeller Head
Posts: 56
Joined: Mon Sep 24, 2018 4:46 pm

Re: Common Setting in all Images in a Flare project

Post by Arpita_17 »

ajturnersurrey wrote:First you need to say where you want the images to behave like this. At first I thought you meant your xml editor view of the project, which depends on the medium you select (although you can separately switch on 'Show all images as thumbnails'), but then you talk about a user printing a page so maybe you are thinking of an html5 top nav target... or maybe another type of help?

I think you do want to look at thumbnail settings for your image class, with mc-thumbnail set to hover (which will return the image to full size, whatever that is for your images, when you hover over it) and mc-thumbnail-max-height dialled up a bit from where it is now in your css. I like 96px in my html5 help, but I have sometimes used larger sizes, constrained mainly by the hardware you expect users to have when viewing the help.

If you generate your own pdf from Flare you can control the size of your images in the print medium separately. If you let a user 'print' a help page to pdf those thumbnails will retain their on screen size. They will see the image best by sticking with the online version and hovering over an image.

Hope this helps
I am sorry...I don't think I was clear in my query. So basically, have a single HTML5 Top Navigation output. All the images have been added in their default zoom with <img> tag. All the help pages display Print button in the tool bar. Now, what I really wanted was the images to display slightly small (not thumbnail) on the help page and add a magnify watermark sort over the image clicking which the image displays in a magnified view. Is it attainable
BedfordWriter
Sr. Propeller Head
Posts: 217
Joined: Wed Jun 23, 2010 10:13 am
Location: Nova Scotia

Re: Common Setting in all Images in a Flare project

Post by BedfordWriter »

Like a preview on a shopping site? "click or hover for more detail..." ?

You'll have to provide your own .css wizardry for those. Which isn't too awfully difficult to do. Gotta be libraries out there.
Arpita_17
Propeller Head
Posts: 56
Joined: Mon Sep 24, 2018 4:46 pm

Re: Common Setting in all Images in a Flare project

Post by Arpita_17 »

BedfordWriter wrote:Like a preview on a shopping site? "click or hover for more detail..." ?

You'll have to provide your own .css wizardry for those. Which isn't too awfully difficult to do. Gotta be libraries out there.
It's damn hard...I am leaving this task till I reach to the level when I can handle this :shock:
Post Reply