Images in the Overview-does not work

Started by sinus, November 01, 2025, 08:06:42 PM

Previous topic - Next topic

sinus

I try to get an image in the overlay, but have no success. I think, it has to do with the path.
I do not have a html-folder inside Imatch-system, after the folder IMatch directly.

When I try to open it with

%APPDATA%\photools.com\IMatch6\html\templates 
then I get no folder
In the folder resources I do have a html-folder, followed by a templates-folder.
Hence, I think, IMatch cannot get access to the file (what I have copied into the template-folder).
Best wishes from Switzerland! :-)
Markus

axel.hennig

Does also not work on my end.

The folder "...\html\templates" also didn't exist on my system, i.e. the "html"-folder did already not yet exist and then - of course - the sub-folder "templates" also not.

So, I've created the both folder "html" and sub-folder "templates". Copied a "test.png" file there and then tried:

row=<img src="https://user/test.png"/>
The result was:
You cannot view this attachment.

The folder where I put the "test.png" is:

C:\Users\DELETED\AppData\Roaming\photools.com\imatch6\html\templates

Mario

I think DELETED should not be part of the path.

axel.hennig

Quote from: Mario on November 01, 2025, 11:08:37 PMI think DELETED should not be part of the path.
That just means that I've replaced my Windows username with "DELETED".

Mario

#4
Oh, OK.

I added this to my Viewer overlay.

row=<img src="https://user/star.png"/>

and placed the image into

C:\Users\ALSO-DELETED\AppData\Roaming\photools.com\IMatch6\html\templates

and this shows in the Viewer:

You cannot view this attachment.

Looking at the code, I tell WebViewer2 to map the "user" uri to the user's personal folder (also used by IMatch for Design & Print, user-defined apps and suchlick) plus "html\templates". This is also the folder where IMatch loads user-defined overlay from.

It seems to work here just fine, also on my laptop.
Any warnings or errors in the log file?

I think I will enable the WebView2s developer tools also for expert users in the next release. This would allow you to open the developer tools and check the network tag for errors reported while loading the image.

sinus

Hm, maybe on my computer I have too many Imatch6-folders?

I have these Folders "photools.com – imatch6" here:

"C:\Users\cosin\AppData\Roaming\photools.com"
"C:\ProgramData\photools.com"
"C:\Program Files\photools.com"

Your example, Mario, works only, if I create a folder with subfolder
html  / templates

into the first place
C:\Users\cosin\AppData\Roaming\photools.com\imatch6\html\star.png

I wonder a bit, because this folder is quite old, but seems to be correct.
All my personal stuff for IMatch (print-template, presets and so on) I have in this folder:
"C:\ProgramData\photools.com"

Maybe I have messed up this a bit with my user-name.

But, super, I can see now my images in the overlay, very cool!
Problem solved!


ps: Axel, thanks also, helped :-)
Best wishes from Switzerland! :-)
Markus

Mario

#6
As the overlay help explains (Using Images): the correct path is (copy & paste into the Windows Explorer address bar);

%APPDATA%\photools.com\IMatch6\
then you'll have to create the html and below that the templates folder yourself (this folder hierarchy is not automatically created by the IMatch installer since it's only needed for users planning to do their own overlay templates).

On my PC, the physical path is

C:\Users\MY-USER-NAME\AppData\Roaming\photools.com\IMatch6\html\templates

That you have 3 photools.com folder is normal.

1. One contains the executables, DLLs and stuff  (program files)
2. One contains "All User" data (program data)
3. One contains your personal IMatch data (%APPDATA%) like Design & Print templates, custom apps and now the images you want to include in overlays.

Since the images are showing, you did the right thing. Congrats. Enjoy this experimental feature. If I get enough positive feedback, I will make this permanent.

sinus

Thanks a lot for your detailled answer, Mario ... and even at sunday.  :)

I am glad, that my photools-folders are normal.
And that your physical path is like mine, of course with another username.

And yes, I do really enjoy this exerimental feature, it is a very good one and helps a lot. It simply gives me quicker and better view, what the image is, what I have selected.

Great stuff, congrats, that you have at one point this idea.
Best wishes from Switzerland! :-)
Markus

axel.hennig

Not sure what I've done wrong yesterday, but now it works.

Thanks.

Also like this feature a lot!!

Mario

#9
QuoteNot sure what I've done wrong yesterday, but now it works.
Magic!  :)

QuoteAlso like this feature a lot!!

Thanks. Me too.
I'm already thinking about extensions, like a simple way to run favorites via buttons in the overlay, like so:

-row=<button onclick="Overlay.executeFavorite('3F585EA2-F372-4E02-92EC-B3F019115EDC','primary')">Fav 1</button>
I have already extended the Favorite properties dialog to show the unique GUID associated with each favorite. This is needed to call the IMWS function that executes favorites. In an app, you could use the endpoint that lists all favorites to find the GUID, but in an overlay this is not possible (in a custom overlay template it is, of course).

So in my test, I require the user to address the favorite via the unique and never-changing GUID as shown above, and then call a function provided by Overlay (also new) to execute the favorite. And in the overlay this looks like this:

You cannot view this attachment.

I guess running favorites directly from an Overlay would be useful?
Direct access to categories, metadata templates, AutoTagger, AutoFill, Automations, ...

Button text can be any HTML, including images and HTML icons, so, with some style:

You cannot view this attachment.

This is my 3 star rating and preview label favorite. Now I can run it from my overlay.

And since Overlays include the Bootstrap library for styling, we have all the button styles of course:

You cannot view this attachment.

thrinn

Quote from: Mario on November 02, 2025, 02:52:15 PMI guess running favorites directly from an Overlay would be useful?
Yes, it would. The Favorite Panel is good, but this Overlay (and especially My Panel) functionality is so much more flexible. For example, having a mix of favorites with long and short names wastes some space in the favorite panel. But in a My Panel, there are so much more layout possibilities.
Thorsten
Win 10 / 64, IMatch 2018, IMA

sinus

Quote from: thrinn on November 02, 2025, 09:29:52 PM
Quote from: Mario on November 02, 2025, 02:52:15 PMI guess running favorites directly from an Overlay would be useful?
Yes, it would. The Favorite Panel is good, but this Overlay (and especially My Panel) functionality is so much more flexible. For example, having a mix of favorites with long and short names wastes some space in the favorite panel. But in a My Panel, there are so much more layout possibilities.

Yep, running favorites directly from an overlay would be great. 
And I agree also, this overview-stuff is great. We can do a lot with it. 
Uhhh, I worked on one panel, I forgot almost, we have even 4 of them.  :)

I wonder, from where you always have such great ideas. 
Best wishes from Switzerland! :-)
Markus

Mario

QuoteI wonder, from where you always have such great ideas. 
I have a very long list of potential features for IMatch...

Or, as in this case, I wanted to try out a new technology (WebView2) and came up with the Overlay idea to test it with something that can be actually useful for IMatch users.

Mario

Here is an example for a narrow My Panel, designed to show many favorites in a small space:

You cannot view this attachment.

This saves a lot of screen estate on smaller monitors. Depending on how wide you make the panel, each row holds one, two or more buttons, each executing a favorite. This also works horizontally, of course:

You cannot view this attachment.

Overlays a versatile, indeed.


sinus

Quote from: Mario on November 03, 2025, 04:00:23 PMHere is an example for a narrow My Panel, designed to show many favorites in a small space:

You cannot view this attachment.

This saves a lot of screen estate on smaller monitors. Depending on how wide you make the panel, each row holds one, two or more buttons, each executing a favorite. This also works horizontally, of course:

You cannot view this attachment.

Overlays a versatile, indeed.



Simply cool!  :)
Best wishes from Switzerland! :-)
Markus

Mario

You can really squeeze this:

You cannot view this attachment.You cannot view this attachment.

This may free room in the File Window ribbon for users who have lots of favorites added to it.

Jingo

Great idea.. I honestly haven't had ANY time in the past 2 weeks to play around with the new experimental features... I do hope to do so at some point soon as I have some thoughts/ideas!  Thx again for the cool features!!