From 67dd94b0daecc445bbd3af7b5956ddcbdbdb5f39 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Antti=20H=C3=B6ltt=C3=A4?= <AHoelttae@luxoft.com>
Date: Fri, 23 Nov 2018 15:06:30 +0100
Subject: Add cursor navigable TabButton

---
 DemoApplication/controls/CNTabButton.qml | 14 ++++++++++++++
 DemoApplication/main.qml                 | 10 ++++------
 2 files changed, 18 insertions(+), 6 deletions(-)
 create mode 100644 DemoApplication/controls/CNTabButton.qml

diff --git a/DemoApplication/controls/CNTabButton.qml b/DemoApplication/controls/CNTabButton.qml
new file mode 100644
index 0000000..7557832
--- /dev/null
+++ b/DemoApplication/controls/CNTabButton.qml
@@ -0,0 +1,14 @@
+import QtQuick 2.9
+import QtQuick.Controls 2.2
+import CursorNavigation 1.0
+
+TabButton {
+    CursorNavigation.acceptsCursor: true
+    Rectangle {
+        anchors.fill: parent
+        color: "transparent"
+        border.width: 2
+        border.color: "red"
+        visible: parent.CursorNavigation.hasCursor
+    }
+}
diff --git a/DemoApplication/main.qml b/DemoApplication/main.qml
index b0e54cb..6ea81f1 100644
--- a/DemoApplication/main.qml
+++ b/DemoApplication/main.qml
@@ -4,6 +4,7 @@ import QtQuick.Layouts 1.3
 
 import CursorNavigation 1.0
 import "pages"
+import "controls"
 
 ApplicationWindow {
     id: window
@@ -15,16 +16,13 @@ ApplicationWindow {
     header: TabBar {
         id: tabBar
         width: parent.width
-        TabButton {
-            CursorNavigation.acceptsCursor: true
+        CNTabButton {
             text: qsTr("Page 1")
         }
-        TabButton {
-            CursorNavigation.acceptsCursor: true
+        CNTabButton {
             text: qsTr("Page 2")
         }
-        TabButton {
-            CursorNavigation.acceptsCursor: true
+        CNTabButton {
             text: qsTr("Page 3")
         }
     }
-- 
cgit v1.2.3