v0.8.4

Author: nealus

ChangeLog.txt

@@ -1,3 +1,8 @@
+0.8.4
+Added attribute 'enableTabScrollbar' to TabSet and Border nodes 
+  Enabling this attribute will show a mini 'scrollbar' for the tabs to indicate the scroll position
+  See the Demo apps default layout for an example.
+
 0.8.3
 Prevent sticky buttons scrolling when there are no tabs
 Fix border 'show' attribute

examples/demo/layouts/default.layout

@@ -5,7 +5,9 @@
 		"tabSetEnableActiveIcon": true,
 		"tabSetMinWidth": 130,
 		"tabSetMinHeight": 100,
-		"borderMinSize": 100
+		"tabSetEnableTabScrollbar": true,
+		"borderMinSize": 100,
+		"borderEnableTabScrollbar": true
 	},
 	"borders": [
 		{
@@ -14,13 +16,15 @@
 			"children": [
 				{
 					"type": "tab",
+					"id": "#0ae8e0fb-dba2-4b14-9d75-08781231479a",
 					"name": "Output",
 					"component": "grid",
 					"enableClose": false,
 					"icon": "images/bar_chart.svg"
 				},
 				{
 					"type": "tab",
+					"id": "#803a2efe-e507-4735-9c2a-46ce6042c1a2",
 					"name": "Terminal",
 					"component": "grid",
 					"enableClose": false,
@@ -40,6 +44,7 @@
 			"children": [
 				{
 					"type": "tab",
+					"id": "#21c49854-be85-4e32-96c3-61962f71bc15",
 					"name": "Navigation",
 					"altName": "The Navigation Tab",
 					"component": "grid",
@@ -54,6 +59,7 @@
 			"children": [
 				{
 					"type": "tab",
+					"id": "#ec253996-0724-416b-a097-23f85a89afbe",
 					"name": "Options",
 					"component": "grid",
 					"enableClose": false,
@@ -64,13 +70,16 @@
 	],
 	"layout": {
 		"type": "row",
+		"id": "#11b6dde6-2808-4a87-b378-dd6ed2a92547",
 		"children": [
 			{
 				"type": "tabset",
+				"id": "#018c109c-20ab-4458-84c8-1817d2e7d81b",
 				"weight": 33,
 				"children": [
 					{
 						"type": "tab",
+						"id": "#4fcdc630-6742-474a-9b67-cb40c36e2d00",
 						"name": "OpenLayers Map",
 						"component": "map",
 						"enablePopoutOverlay": true
@@ -79,27 +88,69 @@
 			},
 			{
 				"type": "row",
+				"id": "#cec0f587-2651-4bb2-a755-006a7111bb11",
 				"weight": 33,
 				"children": [
 					{
 						"type": "tabset",
+						"id": "#770c0042-3776-4576-becc-90b627bb8c91",
 						"weight": 50,
+						"selected": 0,
 						"children": [
 							{
 								"type": "tab",
+								"id": "#a7dff07f-a37a-4d58-9853-7b91c465101c",
 								"name": "ChartJS",
 								"component": "chart",
 								"enableWindowReMount": true,
 								"enablePopoutOverlay": true
+							},
+							{
+								"type": "tab",
+								"id": "#963c76b2-ea75-4cf9-8677-823fb1aec5ea",
+								"name": "Grid 1",
+								"component": "grid",
+								"icon": "images/article.svg"
+							},
+							{
+								"type": "tab",
+								"id": "#8bba601c-b902-432a-bc3f-5e076dafdf1d",
+								"name": "Grid 2",
+								"component": "grid",
+								"icon": "images/article.svg"
+							},
+							{
+								"type": "tab",
+								"id": "#b89da41a-933d-4784-b4b9-c9a7d19aea0d",
+								"name": "Grid 3",
+								"component": "grid",
+								"icon": "images/article.svg"
+							},
+							{
+								"type": "tab",
+								"id": "#b9ffea20-84d7-430d-ad16-947b26127fbc",
+								"name": "Grid 4",
+								"component": "grid",
+								"icon": "images/article.svg"
+							},
+							{
+								"type": "tab",
+								"id": "#bebb3b66-bcba-449e-a9b8-774e92fa8c37",
+								"name": "Grid 5",
+								"component": "grid",
+								"icon": "images/article.svg"
 							}
-						]
+						],
+						"active": true
 					},
 					{
 						"type": "tabset",
+						"id": "#c0b4aba3-dba9-4883-a384-1b299518fd0b",
 						"weight": 50,
 						"children": [
 							{
 								"type": "tab",
+								"id": "#285406e5-6795-4e17-b10d-6ff8e512ba62",
 								"name": "AGGrid",
 								"component": "aggrid"
 							}
@@ -109,14 +160,17 @@
 			},
 			{
 				"type": "row",
+				"id": "#6b135a77-d283-404e-8a92-4bb5bf2579cb",
 				"weight": 33,
 				"children": [
 					{
 						"type": "tabset",
+						"id": "#b97c51f2-7f2c-490d-9cbb-6fcb189c2343",
 						"weight": 50,
 						"children": [
 							{
 								"type": "tab",
+								"id": "#0e23b4b3-498a-4625-a916-b1e6e19eaf3f",
 								"name": "Wikipedia",
 								"component": "multitype",
 								"config": {
@@ -126,22 +180,24 @@
 							},
 							{
 								"type": "tab",
+								"id": "#31b3af95-2fc9-4511-8d5d-1e6255b92eae",
 								"name": "MUI",
 								"component": "mui"
 							}
 						]
 					},
 					{
 						"type": "tabset",
+						"id": "#a1d1e2b2-246c-4116-a616-cb3d186b5743",
 						"weight": 50,
 						"children": [
 							{
 								"type": "tab",
+								"id": "#4784d2d4-24a4-4ef2-ac6e-7a3ea7b03ba3",
 								"name": "MUI Grid",
 								"component": "muigrid"
 							}
-						],
-						"active": true
+						]
 					}
 				]
 			}