GUI 2: On Send Page, the buttons at the bottom are partially hidden.

[dontbuymonero]

When you launch the GUI, it opens to its default size (which you can increase with the arrow on the bottom right corner). In this default size, on the send page, the bottom 3 buttons (create tx file, sign tx file, submit tx file), are mostly hidden. These buttons should always be clearly visible to the user when the GUI is in its default size and it should not be necessary to expand in order to fully view/use them.

[jonathancross]

Yeah, the UI does not scroll or scale, so if your window is too small, you simply can't reach the items at the bottom ("advanced options" in this case). We should look into a general pattern for such situations (scrollbars work, but are pretty terrible. Scaling UI elements might help, but can also lead to bad situations).

Payment ID and Description are optional, so there might be a way to collapse those and some surrounding whitespace if screen real estate is needed.

We can also consider establishing a minimum height for the app (based on the left nav probably) and then adjust the UI to always fit inside.
Looks like min is about 700px now.

Any other ideas on how to solve this problem?

[Jaqueeee]

Current master supports scrolling (with scroll-wheel or ), but i agree it's a bad solution for the desktop app. I added that for the mobile versions mostly. I think minimum height/width is the best solution, and scrolling for smaller screens. @jonathancross @dontbuymonero

[jonathancross]

Thanks for the feedback @Jaqueeee.
Once the UI is a bit more stable, we can tighten things up (there is a lot of misused space).

I played around with the idea of something like an "accordion" pattern where the Advanced options and Payment details are exclusive -- only one can be open at a time.

Here is a really rough mock just to demonstrate (has too many arrows, etc!).

Payment details editing mode (default):

Advanced Options mode (when there are no payment details):

Advanced Options mode (with payment details):

I'm not sure this is a good idea, but it would allow us to avoid scrollbars and make sure all content is accessible in small windows. There is a little complexity added in keeping track of the various states, but I think it improves usability a lot.

Another option would be to have the Advanced Options always visible, but collapse Ring Size into a button until the user selects it. Ring Size is not going be be a common adjustment in comparison to adding payment ID / description.

While doing these, I had the thought that for mobile, Advanced Options should probably be a modal window that fills the screen.

[visdude]

Since this issue is generally similar to mine, I am just going to add related GUI quirks on here instead of opening a new one.

I am using a Netbook (set up as my cold/offline device) with a typical 1024 x 600 maximum screen resolution. The following are my observations of unusual GUI behavior (default window size after launching) related to this window scaling issue according to OS:

Windows 7 x64:

[1] title bar (along with its control buttons) at the top and the bottom portion of the window are cut off and inaccessible
[2] window resizing feature (by dragging window edges) is not functional
[3] vertical/horizontal scrolling (to access cut off areas of window) is not functional.

Linux Mint 18.1 x64:

[1] title bar is not cut off and accessible; bottom portion is cut off
[2] window resizing feature is functional
[3] nevertheless, vertical/horizontal scrolling is still not functional.

It would be nice if the Monero GUI window behaves just like a typical app window on Windows or Linux for that matter (i.e. Bitcoin Core, Armory, etc.) with functional window resizing/scrolling features regardless of a device's optimal screen resolution.

The following are Windows 7 x64 sample screenshots:

[sanderfoobar]

Resolved since newer versions of the GUI (black-theme).

+resolved