From e56baed0b7055a48a2fe74dcfbdb86ef62655385 Mon Sep 17 00:00:00 2001
From: Nikolay Tsonev <nikolay.tsonev@telerik.com>
Date: Mon, 10 Apr 2017 13:28:48 +0300
Subject: [PATCH 1/2] example how to use selectedTabTextColor,
 tabBackgroundColor, textTransform

---
 tests/app/ui/tab-view/tab-view.md | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/tests/app/ui/tab-view/tab-view.md b/tests/app/ui/tab-view/tab-view.md
index 31f115a31..2b5564f47 100644
--- a/tests/app/ui/tab-view/tab-view.md
+++ b/tests/app/ui/tab-view/tab-view.md
@@ -47,3 +47,30 @@ Using a TabView requires the "ui/tab-view" module.
 export function onSelectedIndexChanged(args) {...}
 ```
 > Note: Initially selectedIndexChanged event will be raised just after adding a new items to TabView without any user interaction, which will happen on TabView loaded. SelectedIndexChanged event will be raised because value of the selectedIndex property is changed from undefined (default) (with no items) to 0 (first tab item). Depends on how TabView.items are set or added it may happen to raise one or two times selectedIndexChanged event even before page events (loaded, navigatingTo, navigatedTo, ...).
+
+## Styling TabView
+
+For the TabView component could be set three different styling properties 
+
+* `selectedTabTextColor` (coresponding CSS property `selected-tab-text-color `) - change the color of the text, while selecting some of the tabs.
+* `tabBackgroundColor` (coresponding CSS property `tab-background-color`) - changing the background of the tabs.
+* `textTransform` (coresponding CSS property `text-transform`) - setting up textTransform individual for every `TabViewItem`. Value options: `capitalize`, `lowercase`, `none`, `uppercase`.
+
+XML
+
+```
+<TabView selectedTabTextColor="#00FF00" tabBackgroundColor="#FF0000" >
+            <TabView.items>
+                <TabViewItem title="Tab 1" textTransform="lowercase">
+                <TabViewItem.view>
+                    <Label text="Label in Tab1" />
+                </TabViewItem.view>
+                </TabViewItem>
+                <TabViewItem title="Tab 2" textTransform="lowercase">
+                <TabViewItem.view>
+                    <Label text="Label in Tab2" />
+                </TabViewItem.view>
+                </TabViewItem>
+            </TabView.items>
+</TabView>
+```
\ No newline at end of file

From e2b9bbd6905d5c553fdf237567520bb60de4eb27 Mon Sep 17 00:00:00 2001
From: Nikolay Tsonev <nikolay.tsonev@telerik.com>
Date: Wed, 12 Apr 2017 13:16:59 +0300
Subject: [PATCH 2/2] add sample code snippet for
 androidSelectedTabHighlightColor

---
 tests/app/ui/tab-view/tab-view.md | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/tests/app/ui/tab-view/tab-view.md b/tests/app/ui/tab-view/tab-view.md
index 2b5564f47..e2e829955 100644
--- a/tests/app/ui/tab-view/tab-view.md
+++ b/tests/app/ui/tab-view/tab-view.md
@@ -56,9 +56,7 @@ For the TabView component could be set three different styling properties
 * `tabBackgroundColor` (coresponding CSS property `tab-background-color`) - changing the background of the tabs.
 * `textTransform` (coresponding CSS property `text-transform`) - setting up textTransform individual for every `TabViewItem`. Value options: `capitalize`, `lowercase`, `none`, `uppercase`.
 
-XML
-
-```
+```XML
 <TabView selectedTabTextColor="#00FF00" tabBackgroundColor="#FF0000" >
             <TabView.items>
                 <TabViewItem title="Tab 1" textTransform="lowercase">
@@ -73,4 +71,23 @@ XML
                 </TabViewItem>
             </TabView.items>
 </TabView>
+```
+
+* `androidSelectedTabHighlightColor`<sup>android specific property</sup> (coresponding CSS property `android-selected-tab-highlight-color`) - setup underline color of the `Tab`s in Android.
+
+```XML
+<TabView androidSelectedTabHighlightColor="red">
+                <TabView.items>
+                    <TabViewItem title="Tab 1" >
+                    <TabViewItem.view>
+                        <Label text="Label in Tab1"/>
+                    </TabViewItem.view>
+                    </TabViewItem>
+                    <TabViewItem title="Tab 2">
+                    <TabViewItem.view>
+                        <Label text="Label in Tab2" />
+                    </TabViewItem.view>
+                    </TabViewItem>
+                </TabView.items>
+    </TabView>
 ```
\ No newline at end of file