diff --git a/scripts/simplifiedUI/ui/simplifiedFTUE/InitialLaunchWindow.qml b/scripts/simplifiedUI/ui/simplifiedFTUE/InitialLaunchWindow.qml
index 175de54bec..41e7b466f6 100644
--- a/scripts/simplifiedUI/ui/simplifiedFTUE/InitialLaunchWindow.qml
+++ b/scripts/simplifiedUI/ui/simplifiedFTUE/InitialLaunchWindow.qml
@@ -37,6 +37,7 @@ Rectangle {
anchors.left: parent.left
anchors.top: parent.top
source: "images/defaultTopLeft.png"
+ z: 1
}
Image {
@@ -46,6 +47,7 @@ Rectangle {
anchors.right: parent.right
anchors.bottom: parent.bottom
source: "images/defaultBottomRight.png"
+ z: 1
}
Item {
@@ -65,28 +67,36 @@ Rectangle {
Item {
id: textAndQRContainer
- width: 650
+ Layout.preferredWidth: 600
+ Layout.preferredHeight: 650
+ Layout.minimumWidth: 200
+ Layout.maximumWidth: 800
Layout.topMargin: 80
+ Layout.fillWidth: true
HifiStylesUit.RalewayBold {
id: headerText
text: "We know this isn't you..."
color: "#000000"
size: 48
+ wrapMode: Text.WordWrap
+ width: parent.width
}
HifiStylesUit.RalewaySemiBold {
id: descriptionText
anchors.top: headerText.bottom
anchors.topMargin: 20
- text: "But, we've given you this temporary avatar to use
- for today. If you see this avatar in-world, walk up and
+ text: "but, we've given you this temporary avatar to use
+ for today. If you see this avatar in-world, walk up and
say hello to other new users!
- We want you to be you so we've built an Avatar Creator
- App that's as easy as taking a selfie and picking your
+ We want you to be you so we've built an Avatar Creator
+ App that's as easy as taking a selfie and picking your
outfits! Available now on iOS and Android Platforms."
color: "#000000"
size: 24
+ width: parent.width
+ wrapMode: Text.WordWrap
}
Item {
@@ -105,24 +115,26 @@ Rectangle {
HifiStylesUit.RalewayBold {
id: instructionText
- text: "Use your mobile phone to scan this QR code."
anchors.left: avatarAppQRCodeImage.right
anchors.verticalCenter: avatarAppQRCodeImage.verticalCenter
anchors.leftMargin: 50
+ text: "Use your mobile phone to scan this QR code."
color: "#000000"
size: 24
+ wrapMode: Text.WordWrap
}
}
HifiStylesUit.RalewayBold {
- text: "Continue"
- anchors.top: qrAndInstructionsContainer.bottom
+ anchors.top: qrAndInstructionsContainer.bottom
anchors.topMargin: 50
anchors.horizontalCenter: qrAndInstructionsContainer.horizontalCenter
+ text: "Continue"
color: "#000000"
opacity: continueMouseArea.containsMouse ? 1.0 : 0.7
size: 36
z: 1
+ wrapMode: Text.WordWrap
MouseArea {
id: continueMouseArea
@@ -131,7 +143,6 @@ Rectangle {
onClicked: {
Tablet.playSound(TabletEnums.ButtonClick);
- print("CONTINUE CLICKED");
tempAvatarPageContainer.visible = false;
controlsContainer.visible = true;
}
@@ -142,9 +153,9 @@ Rectangle {
Item {
id: tempAvatarImageContainer
Layout.leftMargin: 50
- // these don't change when the window resizes
- width: tempAvatarImage.width
- height: tempAvatarImage.height
+ // TODO these don't change when the window resizes...still true?
+ Layout.preferredWidth: tempAvatarImage.width
+ Layout.preferredHeight: tempAvatarImage.height
Image {
id: tempAvatarImage
@@ -164,8 +175,8 @@ Rectangle {
HifiStylesUit.RalewaySemiBold {
id: controlsDescriptionText
- text: "These are your avatar controls to
- Interact with and move around in your new HQ."
+ text: "These are your avatar controls to
+ interact with and move around in your new HQ."
anchors.top: parent.top
anchors.topMargin: 100
anchors.horizontalCenter: parent.horizontalCenter
@@ -173,6 +184,7 @@ Rectangle {
height: 100
color: "#000000"
size: 36
+ wrapMode: Text.WordWrap
}
GridLayout {
@@ -186,37 +198,46 @@ Rectangle {
flow: root.width > root.height ? GridLayout.LeftToRight : GridLayout.TopToBottom
Image {
+ Layout.preferredWidth: 650
+ Layout.preferredHeight: 400
id: walkingControls
source: "images/walkingControls.png"
}
Image {
+ Layout.preferredWidth: 400
+ Layout.preferredHeight: 300
id: mouseControls
source: "images/mouseControls.png"
}
Image {
+ Layout.preferredWidth: 400
+ Layout.preferredHeight: 300
id: runJumpControls
source: "images/runJumpControls.png"
}
Image {
+ Layout.preferredWidth: 400
+ Layout.preferredHeight: 300
id: cameraControls
source: "images/cameraControls.png"
}
}
HifiStylesUit.RalewayBold {
- text: "Learn more about our controls."
anchors.bottom: parent.bottom
anchors.left: parent.left
anchors.leftMargin: 50
anchors.bottomMargin: 50
+ text: "Learn more about our controls."
width: 100
height: 25
color: "#000000"
opacity: learnMoreAboutControlsMouseArea.containsMouse ? 1.0 : 0.7
size: 14
+ wrapMode: Text.WordWrap
MouseArea {
id: learnMoreAboutControlsMouseArea
@@ -232,15 +253,16 @@ Rectangle {
}
HifiStylesUit.RalewayBold {
- text: "I've got a good grip on the controls."
anchors.bottom: parent.bottom
anchors.horizontalCenter: parent.horizontalCenter
anchors.bottomMargin: 50
+ text: "I've got a good grip on the controls."
width: 350
height: 60
color: "#000000"
opacity: goodGripMouseArea.containsMouse ? 1.0 : 0.7
size: 36
+ wrapMode: Text.WordWrap
MouseArea {
id: goodGripMouseArea
diff --git a/scripts/simplifiedUI/ui/simplifiedFTUE/SecondLaunchWindow.qml b/scripts/simplifiedUI/ui/simplifiedFTUE/SecondLaunchWindow.qml
index 63959a35e3..60bc53911a 100644
--- a/scripts/simplifiedUI/ui/simplifiedFTUE/SecondLaunchWindow.qml
+++ b/scripts/simplifiedUI/ui/simplifiedFTUE/SecondLaunchWindow.qml
@@ -121,7 +121,7 @@ Rectangle {
print("NO THANKS CLICKED");
sendToScript({
"source": "SecondLaunchWindow.qml",
- "method": "closeInitialLaunchWindow"
+ "method": "closeSecondLaunchWindow"
});
}
}
diff --git a/scripts/simplifiedUI/ui/simplifiedUI.js b/scripts/simplifiedUI/ui/simplifiedUI.js
index 7aa95ec45c..5ab4079f99 100644
--- a/scripts/simplifiedUI/ui/simplifiedUI.js
+++ b/scripts/simplifiedUI/ui/simplifiedUI.js
@@ -442,21 +442,19 @@ function displaySecondLaunchWindow() {
function closeInitialLaunchWindow() {
initialLaunchWindow.fromQml.disconnect(onMessageFromInitialLaunchWindow);
- // TODO Add this bookmark? Then uncomment this code
- //var homeLocation = LocationBookmarks.getAddress("hqhome");
- //if (homeLocation) {
- // Window.location = "hqhome";
- //}
+ var homeLocation = LocationBookmarks.getAddress("hqhome");
+ if (homeLocation) {
+ Window.location = homeLocation;
+ }
initialLaunchWindow.close();
}
function closeSecondLaunchWindow() {
secondLaunchWindow.fromQml.disconnect(onMessageFromSecondLaunchWindow);
- // TODO Add this bookmark? Then uncomment this code
- //var homeLocation = LocationBookmarks.getAddress("hqhome");
- //if (homeLocation) {
- // Window.location = "hqhome";
- //}
+ var homeLocation = LocationBookmarks.getAddress("hqhome");
+ if (homeLocation) {
+ Window.location = homeLocation;
+ }
secondLaunchWindow.close();
}