Open hyperlinks with QtWebView or ArcGIS Webview - arcgis

Question

Ok so I have pretty simple app. It is a 3 tabbed app displaying 3 different websites using QtWebView. I have scoured the internet and cannot seem to find anything on this. I just simply need the webviewer to be able to open hyperlinks from the defined websites within the app or even in a new browser and download documents to the local device. Any ideas?
import QtQuick 2.9
import QtQuick.Layouts 1.3
import QtQuick.Controls 2.5
import QtQuick.Controls.Material 2.3
import QtQuick.Window 2.3
import QtWebView 1.1
import ArcGIS.AppFramework 1.0
import Esri.ArcGISRuntime 100.12
import ArcGIS.AppFramework.WebView 1.0
App{
id: app
width: 421
height: 750
property bool lightTheme: true
// App color properties
readonly property color appBackgroundColor: lightTheme? "#FAFAFA":"#303030"
readonly property color appDialogColor: lightTheme? "#FFFFFF":"424242"
readonly property color appPrimaryTextColor: lightTheme? "#000000":"#FFFFFF"
readonly property color appSecondaryTextColor: Qt.darker(appPrimaryTextColor)
readonly property color primaryColor:"#3F51B5"
readonly property color accentColor: Qt.lighter(primaryColor,1.2)
readonly property color headerTextColor:"#FFFFFF"
readonly property color listViewDividerColor:"#19000000"
// App size properties
property real scaleFactor: AppFramework.displayScaleFactor
readonly property real baseFontSize: app.width<450*app.scaleFactor? 21 * scaleFactor:23 * scaleFactor
readonly property real titleFontSize: 1.1 * app.baseFontSize
readonly property real captionFontSize: 0.6 * app.baseFontSize
MainPage{
id: mainPage
anchors.fill: parent
}
ListModel{
id: tabViewModel
ListElement { name: qsTr("Main"); }
ListElement { name: qsTr("Map"); }
ListElement { name: qsTr("Content"); }
ListElement { name: qsTr("Survey"); }
}
Component{
id: page1ViewPage
Image {
width:500
height: 600
source: "./WGITRUCK.jpeg"
fillMode: Image.PreserveAspectCrop
anchors.fill: parent
z: -2
Rectangle {
id: rectangle
anchors.fill: parent
color: "#abe7f3"
opacity: 0.55
z: 0
visible: true
}
Text {
id: element7
x: 32
y: 469
text: qsTr("Survey tab contains the end of course survey.")
font.family: "Times New Roman"
anchors.leftMargin: 32
anchors.fill: parent
anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 14
wrapMode: Text.WordWrap
anchors.top: parent.top
verticalAlignment: Text.AlignVCenter
anchors.bottomMargin: 225
font.bold: true
font.capitalization: Font.MixedCase
anchors.right: parent.right
anchors.rightMargin: 32
anchors.topMargin: 469
anchors.verticalCenterOffset: 4
}
Text {
id: element1
x: 145
text: qsTr("Wetland Delineation and Corps Permitting Course")
font.bold: true
font.family: "Times New Roman"
anchors.verticalCenterOffset: -173
anchors.leftMargin: 32
anchors.bottomMargin: 450
anchors.right: parent.right
anchors.rightMargin: 32
verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignHCenter
anchors.top: parent.top
anchors.topMargin: 292
anchors.verticalCenter: parent.verticalCenter
anchors.fill: parent
font.pixelSize: 20
wrapMode: Text.WordWrap
}
Text {
id: element2
x: 143
y: 9
text: qsTr("Map tab contains interactive web map containing natural resource background data such as National Wetland Inventory, NRCS Soils, USACE District Boundaries, etc.")
font.family: "Times New Roman"
font.bold: true
wrapMode: Text.WordWrap
font.capitalization: Font.MixedCase
verticalAlignment: Text.AlignVCenter
font.pixelSize: 14
anchors.rightMargin: 32
anchors.bottomMargin: 375
anchors.verticalCenterOffset: -121
anchors.top: parent.top
anchors.fill: parent
anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: 32
anchors.topMargin: 344
anchors.right: parent.right
}
Text {
id: element3
x: 139
y: 18
text: qsTr("Content tab contains all course documentation and supplemental information used for wetland delieations.")
font.family: "Times New Roman"
anchors.leftMargin: 32
anchors.fill: parent
anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 14
wrapMode: Text.WordWrap
anchors.top: parent.top
verticalAlignment: Text.AlignVCenter
anchors.bottomMargin: 287
font.bold: true
font.capitalization: Font.MixedCase
anchors.right: parent.right
anchors.rightMargin: 32
anchors.topMargin: 407
anchors.verticalCenterOffset: -58
}
Text {
id: element4
x: 118
y: 239
text: qsTr("Whitenton Group")
verticalAlignment: Text.AlignVCenter
font.pixelSize: 40
anchors.bottomMargin: 457
anchors.rightMargin: 118
horizontalAlignment: Text.AlignHCenter
anchors.fill: parent
anchors.leftMargin: 118
font.bold: true
anchors.topMargin: 180
}
}
}
Component {
id: page2ViewPage
WebView {
anchors.fill: parent
url: "https://wgi.maps.arcgis.com/apps/instant/media/index.html?appid=63dcff653262471083ac035b111f678d"
}
}
Component {
id: page3ViewPage
WebView {
anchors.fill: parent
url: "https://whitenton.egnyte.com/fl/nce2a5kdoq"
}
}
Component{
id: page4ViewPage
WebView {
anchors.fill: parent
url: "https://arcg.is/1TPfrK"
}
}
MainPage {
id: mainPage1
x: 6
y: 1
anchors.rightMargin: 0
anchors.bottomMargin: 0
anchors.leftMargin: 0
anchors.topMargin: 0
anchors.fill: parent
}
}