Qt Forum

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    • Unsolved

    Unsolved UI Issue - string are not displayed properly.

    QML and Qt Quick
    qml quick controls
    2
    4
    836
    Loading More Posts
    • 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.
    • M
      Mathan M last edited by

      Hi,

      I am designing the UI, The output what I am getting the words are missed, I increase the height/width of the controls as sufficient, but still I am getting the same.

      0_1476721913047_upload-6d158c46-8bcb-4e02-89e0-afafd4b3efd0

      1 Reply Last reply Reply Quote 0
      • ?
        A Former User last edited by

        Hi! Please provide more info.

        1 Reply Last reply Reply Quote 1
        • M
          Mathan M last edited by

          Hi Wieland,

          Sorry for not providing enough information. Here's the scenario, I had designed Drawer with GridLayout which consists of Labels and an button. The purpose, It will display the details about the item and memory to be occupied. Once the user satisfied, user can see an Download button. Using the Qt Creator, I had designed the page:

          Code Snippet:

          Drawer{
              id: idDrawer
              //width: Math.min(window.width, window.height) / 3 * 2 - 100
             // height: window.height - 100
              width: 500
              height: 500
              x: 0
          
          
              property bool boolDownloadMap: false;
          
              GridLayout {
          
                  anchors.fill: parent
                  anchors.margins: 20
                  rowSpacing: 20
                  columnSpacing: 20
                  flow:  width > height ? GridLayout.LeftToRight : GridLayout.TopToBottom
                  Rectangle {
                      id: idrectWrapper
                      Layout.fillWidth: true
                      Layout.fillHeight: true
                      color: "#5b76d6"
                      Label {
                                  id: idlblMapsStatus
                                  y: 8
                                  width: 223
                                  height: 64
                                  text: objHomeController.eveCalAvailSpace()
                                  anchors.left: parent.left
                                  anchors.leftMargin: 8
                                  font.pointSize: 12
                                  horizontalAlignment: Text.AlignHCenter
                                  verticalAlignment: Text.AlignVCenter
                              }
          
                              Label {
                                  id: idMapName
                                  y: 121
                                  width: 223
                                  height: 44
          
                                  anchors.left: parent.left
                                  anchors.leftMargin: 8
                              }
          
                              Label {
                                  id: idMapDesc
                                  x: 8
                                  y: 205
                                  width: 223
                                  height: 44
          
                              }
          
                              Label {
                                  id: idlblSize
                                  x: 8
                                  y: 270
                                  width: 91
                                  height: 51
                                  text: qsTr("Size Of Map")
                                  verticalAlignment: Text.AlignVCenter
                                  horizontalAlignment: Text.AlignHCenter
                              }
          
                              Label {
                                  id: idlblSizeres
                                  y: 270
                                  width: 91
                                  height: 51
                                  anchors.left: idlblSize.right
                                  anchors.leftMargin: 41
                                  verticalAlignment: Text.AlignVCenter
                                  horizontalAlignment: Text.AlignHCenter
                                  text: varSizeRes
                              }
          
                          Button{
                          id: btnDownload
                          x:0
                          y:400
                          height: 25
                          width: 100
                          text: "Download"
                          onClicked: {
          
                          }
                          }
                  }
          
              }
          }
          

          Issue:

          1. Some text are not shown
          2. As you can see, Download button, text is not visible properly.

          Thanks In advance

          1 Reply Last reply Reply Quote 0
          • ?
            A Former User last edited by A Former User

            Hi! I think there is some problem with the GridLayout. Can you verify that the following code works for you?

            import QtQuick 2.7
            import QtQuick.Controls 2.0
            import QtQuick.Layouts 1.0
            
            ApplicationWindow {
                id: window
                visible: true
                width: 640
                height: 480
                title: qsTr("Hello World")
                color: "black"
            
                Drawer {
                    id: drawer
                    width: 0.33 * window.width
                    height: window.height
            
                    Rectangle {
                        anchors.fill: parent
                        color: "plum"
            
                        GridLayout {
                            columns: 1
                            anchors.right: parent.right
                            Label {
                                text: "Side Menu Content"
                            }
                            Button{
                                id: btnDownload
                                height: 25
                                width: 100
                                text: "Download"
                            }
                        }
                    }
                }
            
                Rectangle {
                    anchors.centerIn: parent
                    width: window.width / 2
                    height: window.height / 2
                    color: "orange"
                    Text {
                        text: "Application Main Content"
                        anchors.centerIn: parent
                    }
                }
            }
            
            1 Reply Last reply Reply Quote 0
            • First post
              Last post