[Enhancement] Fit the metadata text box below the image in the image viewer

[mattehicks]

Browsing my images is difficult to view when the textbox is covering half the image. Proposed layout here: Thanks, I really enjoy the software!!

before

after

[RupertAvery]

Thanks for your proposal!

The initial design had the metadata displayed below the image, in a separate scrollable pane. But having it there made the image smaller, which I found undesirable, especially for portrait oriented images.

I experimented with an overlay to have a larger preview image, but also allow users to quickly see the metadata at the press of a key (i) and hide it, even when browsing the thumbnails via keyboard. It's responsive, so it compacts when the preview pane is smaller. It is semitransparent so you can still see your image more or less, while being able to see the generation info.

Your proposal works for a large screen and a large preview pane, but how would it look like when the thumbnail view takes up most of the screen space?

I could come allow an option to to allow your layout, but it's not a priority at the moment as there is the Albums and Folders feature and the toast notifications that has my attention now.

[norville101]

FWIW I second this request. I am often looking through a bunch of images, scanning for details (so i don't want the overlay), and also wanting to keep my eyes bouncing to specific aspects of the metadata (whether it's some part of the prompt, the model, or whatever) as I go. Having them overlaid makes it so I can only really pay attention to one thing at a time. I do toggle with the "i" key all the time, very frequently, but it gets to be a pain after a while. And when it's not visible, I don't know exactly where the prompt & other things are going to be, so it slows me down quite a bit.

Don't get me wrong, I'm not compalining. I really appreciate the software and I'm familiarizing myself with the code to hopefully make some small contributions. This is one I'd consider trying myself if you were to point me in the direction of how you'd like to see it implemented.

[RupertAvery]

This is how it would look like. Basically just copied the metadata XAML over to a new section in the Search screen, and placed it in a gridsplitter.

The model is already bound to CurrentImage, so all the buttons just work. It could still be tweaked a bit. Also the preview image needs some work, as it needs to fit to the vertical size, not just the horizontal size of the container as it is doing right now.

We might want to break out the other info into their own properties to display them on their own lines.

Also the height of the textboxes changes with the content, so do we fix the heights so that the display is consistent when switching between images?

If it's fixed, then large prompts would be scrollable and not visible in one go.

[norville101]

Thanks for the suggestions Rupert, I'll let you know how it goes! I may play around with a couple options.

One last question though... what do you use to build it? I have been using Visual Studio Code, and it builds and runs, but some of the WPF stuff is a little off. Maybe it's due to recent (post 1.4) changes... running 1.4, for example in "Diffusions" mode, the left-hand side looks like this...

...whereas when I build the current code on my machine, it looks like this...

I also get null reference errors when issuing some commands, for example to delete an album, which do not happen when running 1.4. Any idea whether these problems would be due to tooling issues on my end, or if it's just a reflection of some new features maybe-not-yet-fully implemented in the code right now?