Screen dimensions for a Desktop Application

Hello John,

Depend if we are talking about an app that must in mobile (smaller) screens or not. If the app is intended to run in mobile devices and also in more larger screens, then we must design the app (design size) in a mobile screen size, like the default one (320x360) and then we may can use app's options like MaxWidth and MaxHeight, so, we see the app scaling well until larger screen, in which we can see it running at a maximum size, avoiding too much scale of it.

However, if the app is intended to be run as a desktop app, then maybe we can consider to go beyond the default 320x360 designed size, supose something like 800x600 or 1024x768, and then, let the app to scale for the case of more larger screens. The point is that AB apps can scale to the greater, but not to the smaller (see this help topic), so, if we use a 800x600 design size, we can't see it very well in smaller screens, but, if this is not the case (we don't target that smaller screens), then that design size or may a bit greater can be fine.

You may also can consider to use the fixed style instead the scaled one: for example, if you want the app running with Cordova Electron, it's possible to decide a maximum size for the app window, and, the option to not maximize it by the user, so, a fixed size can be good here. But probably the scale style is good too, and, anyway, we can change from that styles also at runtime if needed.

So please made some tests: try with various design sizes and don't hesitate to ask here (or in a new forum's thread) if you think that I can help you in some specific questions.

P.S. Remember that the HTML control is quite powerful, in the sense that we can use HTML markup and the CSS style from the Boostrap CSS framework, so, it's possible to use the Bootstrap CSS grid system, for example, helping us also in the app scalation.