Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt
  • Unsolved
Collapse
qtws26_logo

The Qt Event of the Year: Qt World Summit 2026

Save Your Spot >
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. Layout problem
Qt 6.12 LTS is out! See what's new in the release blog

Layout problem

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
3 Posts 2 Posters 456 Views
  • 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.
  • FortigaF Offline
    FortigaF Offline
    Fortiga
    wrote on last edited by
    #1

    Hi everyone
    I'm practicing on a small test project
    I would like to create an app like this
    PM-Perso.png

    but I have problems actually I don't really know where the problem comes from
    I think the ScrollView is the problem
    Code

    Page {
        id: root
        header: ToolBar
        {
            anchors.top: parent.top
            RowLayout{
                id: rowLayout
                anchors.fill: parent
    
                ToolButton{
                    icon.source: "qrc:/IMG/Icon/24x24/back.png"
                    icon.width: 24
                    icon.height: 24
                }
            }
        }
          ColumnLayout{
                id: columlayoutParent
                anchors.fill: parent
    
                Rectangle{
                    Layout.fillWidth: true
                    Layout.fillHeight: true
     ScrollView{
                GridLayout{
                  anchors.fill: parent
    
                    columns: 2
    
    
                    BorderImage {
                        id: persoImage
                        source: "qrc:/IMG/MAD-modified.png"
                        width: 200
                        height: 200
                        MouseArea{
                            anchors.fill: parent
                            cursorShape: Qt.OpenHandCursor
                            onClicked: console.log("s")
                        }
                    }
    
    
                    Text {
                        text: qsTr("<< :")
                        font.bold: true
                        font.pixelSize: 24
                    }
                    Text {
                        text: qsTr("Name :")
                        font.bold: true
                        font.pixelSize: 24
                    }
                    Text {
                        text: qsTr("XXX")
                        font.bold: true
                        font.pixelSize: 24
                    }
                    Text {
                        text: qsTr("Date : ")
                        font.bold: true
                        font.pixelSize: 24
                    }
                    Text {
                        text: qsTr("29/09/1999")
                        font.bold: true
                        font.pixelSize: 24
                    }
                    Text {
                        text: qsTr("XXX  : ")
                        font.bold: true
                        font.pixelSize: 24
                    }
                    Text {
                        text: qsTr("XXX")
                        font.bold: true
                        font.pixelSize: 24
                    }
                    Text {
                        text: qsTr("XXX : ")
                        font.bold: true
                        font.pixelSize: 24
                    }
                    Text {
                        text: qsTr("XXX")
                        font.bold: true
                        font.pixelSize: 24
                    }
                    Rectangle{
                        Layout.fillWidth: true
                        Layout.fillHeight: true
                    ColumnLayout{
                        anchors.fill: parent
    
                    Text {
                        text: qsTr("XXX")
                        font.bold: true
                        font.pixelSize: 24
                        Layout.alignment: Qt.AlignCenter
                    }
                    Frame{
                        id: frame
                        Layout.fillWidth: true
                        Layout.fillHeight: true
                        Layout.alignment: Qt.AlignCenter
                        Text {
                            text: qsTr("edit editeditediteditediteditediteditediteditedit")
    
                        }
                    }
    
                    Text {
                        text: qsTr("XXX")
                        font.bold: true
                        font.pixelSize: 24
                        Layout.alignment: Qt.AlignCenter
                    }
                    Frame{
                        Layout.fillWidth: true
                        Layout.fillHeight: true
                        Layout.alignment: Qt.AlignCenter
                        Text {
                            text: qsTr("edit editeditediteditediteditediteditediteditedit")
    
                        }
                    }
    
                    }
                }
    
                }
                }
            }
        }
    
    }
    
    

    THANK YOU IN ADVANCE

    Juste pour aller de l'avant et apprendre des choses, lorsque vous voulez devenir une légende, cela ne se fait pas du jour au lendemain.

    FortigaF 1 Reply Last reply
    0
    • FortigaF Fortiga

      Hi everyone
      I'm practicing on a small test project
      I would like to create an app like this
      PM-Perso.png

      but I have problems actually I don't really know where the problem comes from
      I think the ScrollView is the problem
      Code

      Page {
          id: root
          header: ToolBar
          {
              anchors.top: parent.top
              RowLayout{
                  id: rowLayout
                  anchors.fill: parent
      
                  ToolButton{
                      icon.source: "qrc:/IMG/Icon/24x24/back.png"
                      icon.width: 24
                      icon.height: 24
                  }
              }
          }
            ColumnLayout{
                  id: columlayoutParent
                  anchors.fill: parent
      
                  Rectangle{
                      Layout.fillWidth: true
                      Layout.fillHeight: true
       ScrollView{
                  GridLayout{
                    anchors.fill: parent
      
                      columns: 2
      
      
                      BorderImage {
                          id: persoImage
                          source: "qrc:/IMG/MAD-modified.png"
                          width: 200
                          height: 200
                          MouseArea{
                              anchors.fill: parent
                              cursorShape: Qt.OpenHandCursor
                              onClicked: console.log("s")
                          }
                      }
      
      
                      Text {
                          text: qsTr("<< :")
                          font.bold: true
                          font.pixelSize: 24
                      }
                      Text {
                          text: qsTr("Name :")
                          font.bold: true
                          font.pixelSize: 24
                      }
                      Text {
                          text: qsTr("XXX")
                          font.bold: true
                          font.pixelSize: 24
                      }
                      Text {
                          text: qsTr("Date : ")
                          font.bold: true
                          font.pixelSize: 24
                      }
                      Text {
                          text: qsTr("29/09/1999")
                          font.bold: true
                          font.pixelSize: 24
                      }
                      Text {
                          text: qsTr("XXX  : ")
                          font.bold: true
                          font.pixelSize: 24
                      }
                      Text {
                          text: qsTr("XXX")
                          font.bold: true
                          font.pixelSize: 24
                      }
                      Text {
                          text: qsTr("XXX : ")
                          font.bold: true
                          font.pixelSize: 24
                      }
                      Text {
                          text: qsTr("XXX")
                          font.bold: true
                          font.pixelSize: 24
                      }
                      Rectangle{
                          Layout.fillWidth: true
                          Layout.fillHeight: true
                      ColumnLayout{
                          anchors.fill: parent
      
                      Text {
                          text: qsTr("XXX")
                          font.bold: true
                          font.pixelSize: 24
                          Layout.alignment: Qt.AlignCenter
                      }
                      Frame{
                          id: frame
                          Layout.fillWidth: true
                          Layout.fillHeight: true
                          Layout.alignment: Qt.AlignCenter
                          Text {
                              text: qsTr("edit editeditediteditediteditediteditediteditedit")
      
                          }
                      }
      
                      Text {
                          text: qsTr("XXX")
                          font.bold: true
                          font.pixelSize: 24
                          Layout.alignment: Qt.AlignCenter
                      }
                      Frame{
                          Layout.fillWidth: true
                          Layout.fillHeight: true
                          Layout.alignment: Qt.AlignCenter
                          Text {
                              text: qsTr("edit editeditediteditediteditediteditediteditedit")
      
                          }
                      }
      
                      }
                  }
      
                  }
                  }
              }
          }
      
      }
      
      

      THANK YOU IN ADVANCE

      FortigaF Offline
      FortigaF Offline
      Fortiga
      wrote on last edited by
      #2

      @Fortiga help

      Juste pour aller de l'avant et apprendre des choses, lorsque vous voulez devenir une légende, cela ne se fait pas du jour au lendemain.

      B 1 Reply Last reply
      0
      • FortigaF Fortiga

        @Fortiga help

        B Offline
        B Offline
        Bob64
        wrote on last edited by
        #3

        @Fortiga What is the problem?

        1 Reply Last reply
        0

        • Login

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