83 lines
2.0 KiB
QML
83 lines
2.0 KiB
QML
// Copyright (c) Daniel Gakwaya.
|
|
// SPDX-License-Identifier: MIT
|
|
|
|
import QtQuick
|
|
|
|
Window {
|
|
width: 640
|
|
height: 480
|
|
visible: true
|
|
title: qsTr("TextInput")
|
|
|
|
Row {
|
|
x: 10; y: 10
|
|
spacing: 10
|
|
|
|
Rectangle {
|
|
id: firstNameRectId
|
|
width: firstNameLabelId.implicitWidth + 20
|
|
height: firstNameLabelId.implicitHeight + 20
|
|
color: "beige"
|
|
|
|
Text {
|
|
id: firstNameLabelId
|
|
anchors.centerIn: parent
|
|
text: "FirstName: "
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: firstNameTextRectId
|
|
color: "beige"
|
|
width: firstNameTextId.implicitWidth + 20
|
|
height: firstNameTextId.implicitHeight + 20
|
|
|
|
TextInput {
|
|
id: firstNameTextId
|
|
anchors.centerIn: parent
|
|
focus: true
|
|
text: "Type in your first name"
|
|
onEditingFinished: {
|
|
console.log("The first name changed to: " + text)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Row {
|
|
x: 10; y: 60
|
|
spacing: 10
|
|
|
|
Rectangle {
|
|
id: lastNameRectId
|
|
width: lastNameLabelId.implicitWidth + 20
|
|
height: lastNameLabelId.implicitHeight + 20
|
|
color: "beige"
|
|
|
|
Text {
|
|
id: lastNameLabelId
|
|
anchors.centerIn: parent
|
|
text: "LastName: "
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: lastNameTextRectId
|
|
color: "beige"
|
|
width: lastNameTextId.implicitWidth + 20
|
|
height: lastNameTextId.implicitHeight + 20
|
|
|
|
TextInput {
|
|
id: lastNameTextId
|
|
anchors.centerIn: parent
|
|
focus: true
|
|
text: "Type in your last name"
|
|
onEditingFinished: {
|
|
console.log("The last name changed to: " + text)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|