Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. Responsive layout best practices in QML
Qt 6.11 is out! See what's new in the release blog

Responsive layout best practices in QML

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
1 Posts 1 Posters 1.1k Views 2 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • L Offline
    L Offline
    lasmr
    wrote on last edited by
    #1

    Hi,

    I would like to create a responsive component like this:

    Layouts image

    If there is enough horizontal space, the component should be displayed in A mode, if not use B mode. The blue zones should take any horizontal space remaining.

    I have been playing with Layouts, but I am not sure if I can achieve that using only them.

    I can duplicate the squares content and hide/show them depending on the kind of layout I want. But it doesn't seem right to me...

    Any ideas?

    1 Reply Last reply
    1

    • Login

    • Login or register to search.
    • First post
      Last post
    0
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    • Get Qt Extensions
    • Unsolved