of course, see below,
App Button in column on MainPage Qml:
Rectangle {
id: bookPageBar
width: parent.width
height: mainPage.height / 10
scale: 0.96
color: "#00000000"
AppButton {
anchors.fill: parent
minimumHeight: parent.height
minimumWidth: parent.width
radius: dp(12)
text: "Book/Edit my leave."
backgroundColorPressed: "#1ae1fe"
textColor: "#000000"
backgroundColor: "#a4a4a4"
onClicked: {
navigationStack.push(Qt.resolvedUrl("CalendarPage.qml"))
}
}
}
CalendarPage.qml:
import Felgo 3.0
import QtQuick 2.0
import QtQuick.Controls 2.0 as QuickControls2
import "Years"
ListPage {
id: listPage
title: "Calendar"
AppTabBar {
id: appTabBar
anchors.topMargin: 0
contentContainer: swipeView
AppTabButton {
text: "2017"
}
AppTabButton {
text: "2018"
}
AppTabButton {
text: "2019"
}
}
QuickControls2.SwipeView {
id: swipeView
anchors.top: appTabBar.bottom
anchors.bottom: parent.bottom
width: parent.width
clip: true
Rectangle {
Seventeen {}
}
Rectangle {
Eighteen {}
}
Rectangle {
Nineteen {}
}
}
}
Pages seventeen/eighteen/nineteen are all as follows:
import Felgo 3.0
import QtQuick 2.0
Page {
title: "2018"
Grid {
columns: 3
width: parent.width
anchors.horizontalCenter: parent.horizontalCenter
Rectangle {
border.color: "#000000"
border.width: dp(3)
radius: dp(12)
width: parent.width / 3
height: width
scale: 0.9
Text {
text : "January"
anchors.centerIn: parent
}
}
Rectangle {
border.color: "#000000"
border.width: dp(3)
radius: dp(12)
width: parent.width / 3
height: width
scale: 0.9
Text {
text : "February"
anchors.centerIn: parent
}
}
Rectangle {
border.color: "#000000"
border.width: dp(3)
radius: dp(12)
width: parent.width / 3
height: width
scale: 0.9
Text {
text : "March"
anchors.centerIn: parent
}
}
Rectangle {
border.color: "#000000"
border.width: dp(3)
radius: dp(12)
width: parent.width / 3
height: width
scale: 0.9
Text {
text : "April"
anchors.centerIn: parent
}
}
Rectangle {
border.color: "#000000"
border.width: dp(3)
radius: dp(12)
width: parent.width / 3
height: width
scale: 0.9
Text {
text : "May"
anchors.centerIn: parent
}
}
Rectangle {
border.color: "#000000"
border.width: dp(3)
radius: dp(12)
width: parent.width / 3
height: width
scale: 0.9
Text {
text : "June"
anchors.centerIn: parent
}
}
Rectangle {
border.color: "#000000"
border.width: dp(3)
radius: dp(12)
width: parent.width / 3
height: width
scale: 0.9
Text {
text : "July"
anchors.centerIn: parent
}
}
Rectangle {
border.color: "#000000"
border.width: dp(3)
radius: dp(12)
width: parent.width / 3
height: width
scale: 0.9
Text {
text : "August"
anchors.centerIn: parent
}
}
Rectangle {
border.color: "#000000"
border.width: dp(3)
radius: dp(12)
width: parent.width / 3
height: width
scale: 0.9
Text {
text : "September"
anchors.centerIn: parent
}
}
Rectangle {
border.color: "#000000"
border.width: dp(3)
radius: dp(12)
width: parent.width / 3
height: width
scale: 0.9
Text {
text : "October"
anchors.centerIn: parent
}
}
Rectangle {
border.color: "#000000"
border.width: dp(3)
radius: dp(12)
width: parent.width / 3
height: width
scale: 0.9
Text {
text : "November"
anchors.centerIn: parent
}
}
Rectangle {
border.color: "#000000"
border.width: dp(3)
radius: dp(12)
width: parent.width / 3
height: width
scale: 0.9
Text {
text : "December"
anchors.centerIn: parent
}
}
}
}
when navigating to the swipeview through the navigation stack I can swipe between pages without issue, when using the app button it causes errors, I am happy to screen record this if you want me to?
Thanks
Edward