Important: Please read the Qt Code of Conduct -

Adjusting UI for wider Screens (2-pane mode)

  • Hey,
    I'm trying to adjust my QML app to look better for wider screens such as tablets 10' or desktops. From the world of Android there is well-known 1-pane and 2-pane strategy so if only there is a place, we try to build screen divided for 2 columns (2 pane) like:

    and if there is not, e.g. for phones the UX goes like 1 column, so user firstly picks item from a List and then get's more details about the element.

    What would be the best approach to the problem in QML ?
    I'm curious to your ideas :)