@Dmitriano You have to set Text properties according to your needs:

Text { width: parent.width text: qsTr("SoundWarning_Key") wrapMode: Text.WordWrap }

Problem solved by calling chekbox.forceActiveFocus(Qt.TabFocusReason)

@jsulm Uhmm now I'm starting to understand why @sierdzio told me this is not easy.
I will do some google search on this subject, thanks for guidance.

After building the project in Qt Creator, I imported it into Android Studio, deleted the unwanted style libs, rebuilt and deployed from there. The size of the app went from 69.91 MB to 61.39 MB. That's good but surely there must be a way to do it from Qt Creator, no? I tried running the androiddeployqt tool but couldn't get it to work.

BTW, I upgraded from Qt 5.9 to 5.12 this week. The app size was only 39 MB on Qt 5.9 :(

Note: it turns out that setting background to Qt.transparent doesn't make sense. It worked simply because the types are incompatible and background got set to null. It's easier to simply set background to null to get the same result.

Is there a difference between Quick Controls and Quick Controls 2

Yes, QQ 1 was the first iteration, QQ 2 is the new one. They are not the same, QQ 2 was redesigned and implemented from scratch due to certain problems in QQ 1.

are both included in the initial installation

Yes.

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 } } }

@jpnurmi, thanks a lot, already found this property. But had limit in 300 seconds to reply. Seems like u are guru of QML :)

@dheerendra I just installed Qt Creator, Designer, and Design Studio and am starting a project in Design Studio because I want to design a user interface that generates code but when I try to create a project Design Studio gives me the error "Cannot open this QML document because of an error in the QML file:" (like someone else posted in this forum). My problem seems to be that when I start a project in Qt Creator or Qt Design Studio I get another (probably related) error saying "The Design mode requires a valid Qt kit." and the kits in my "Create Project" settings are all faded.
Any suggestions on this topic?

@jpnurmi
Well, I found a temporary solution while the original idea is fixed with dragMargin. Making the width is 0 can disable the Drawer, but only with the combination of width and dragMargin, if only use width, is still possible show a Drawer (an empty drawer)

Drawer { dragMargin: appContentManager.depth > 1 ? 0 : Qt.styleHints.startDragDistance width: appContentManager.depth > 1 ? 0 : Math.min(appRoot.width, appRoot.height) / 3 * 2 }

I also report the bug
https://bugreports.qt.io/browse/QTBUG-54629