diff --git a/CrossPlatformModules.csproj b/CrossPlatformModules.csproj
index c5b06c394..780cfb80f 100644
--- a/CrossPlatformModules.csproj
+++ b/CrossPlatformModules.csproj
@@ -201,6 +201,9 @@
     <Content Include="apps\ui-tests-app\action-bar\clean.xml">
       <SubType>Designer</SubType>
     </Content>
+    <Content Include="apps\ui-tests-app\segmented-bar\clean.xml">
+      <SubType>Designer</SubType>
+    </Content>
     <Content Include="apps\ui-tests-app\tab-view\background.xml">
       <SubType>Designer</SubType>
     </Content>
@@ -248,6 +251,12 @@
       <DependentUpon>nordic.xml</DependentUpon>
     </TypeScriptCompile>
     <TypeScriptCompile Include="apps\ui-tests-app\pages\handlers.ts" />
+    <TypeScriptCompile Include="apps\ui-tests-app\segmented-bar\all.ts">
+	  <DependentUpon>all.xml</DependentUpon>
+    </TypeScriptCompile>
+    <TypeScriptCompile Include="apps\ui-tests-app\segmented-bar\clean.ts">
+      <DependentUpon>clean.xml</DependentUpon>
+    </TypeScriptCompile>
     <TypeScriptCompile Include="color\known-colors.d.ts" />
     <TypeScriptCompile Include="ui\animation\animation.d.ts" />
     <TypeScriptCompile Include="ui\animation\animation-common.ts">
diff --git a/apps/ui-tests-app/mainPage.ts b/apps/ui-tests-app/mainPage.ts
index beeceef93..cf9ceac8a 100644
--- a/apps/ui-tests-app/mainPage.ts
+++ b/apps/ui-tests-app/mainPage.ts
@@ -77,7 +77,7 @@ examples.set("listview_binding", "pages/listview_binding");
 
 examples.set("switch", "pages/switchandprogress"); // TODO: Update this test page.
 
-examples.set("segmentedStyle", "segmented-bar/all");
+examples.set("segStyle", "segmented-bar/all");
 
 examples.set("tabColor", "tab-view/color");
 examples.set("tabBG", "tab-view/background");
diff --git a/apps/ui-tests-app/segmented-bar/all.ts b/apps/ui-tests-app/segmented-bar/all.ts
new file mode 100644
index 000000000..8aba7aaea
--- /dev/null
+++ b/apps/ui-tests-app/segmented-bar/all.ts
@@ -0,0 +1,5 @@
+import frame = require("ui/frame");
+
+export function navigate(args) {
+    frame.topmost().navigate("segmented-bar/clean");
+}
\ No newline at end of file
diff --git a/apps/ui-tests-app/segmented-bar/all.xml b/apps/ui-tests-app/segmented-bar/all.xml
index d145934da..0b3b4ea35 100644
--- a/apps/ui-tests-app/segmented-bar/all.xml
+++ b/apps/ui-tests-app/segmented-bar/all.xml
@@ -1,10 +1,12 @@
 <Page>
-  <GridLayout rows="auto, *">
-    <SegmentedBar style="color: green; background-color: yellow; font-weight: bold; font-size: 20; font-style: italic; font-family: monospace;">
+  <StackLayout>
+    <SegmentedBar selectedIndex="2" style="color: yellow; background-color: blue; font-weight: bold; font-size: 20; font-style: italic; font-family: monospace;" selectedBackgroundColor="red">
       <SegmentedBar.items>
         <SegmentedBarItem title="Item 1" />
         <SegmentedBarItem title="Item 2" />
+        <SegmentedBarItem title="Item 3" />
       </SegmentedBar.items>
     </SegmentedBar>
-  </GridLayout>
+    <Button text="go to cleared page" tap="navigate"/>
+  </StackLayout>
 </Page>
\ No newline at end of file
diff --git a/apps/ui-tests-app/segmented-bar/clean.ts b/apps/ui-tests-app/segmented-bar/clean.ts
new file mode 100644
index 000000000..7837f595e
--- /dev/null
+++ b/apps/ui-tests-app/segmented-bar/clean.ts
@@ -0,0 +1,5 @@
+import frame = require("ui/frame");
+
+export function navigate(args) {
+    frame.topmost().goBack();
+}
\ No newline at end of file
diff --git a/apps/ui-tests-app/segmented-bar/clean.xml b/apps/ui-tests-app/segmented-bar/clean.xml
new file mode 100644
index 000000000..3e17c2ad1
--- /dev/null
+++ b/apps/ui-tests-app/segmented-bar/clean.xml
@@ -0,0 +1,12 @@
+<Page>
+  <StackLayout>
+    <SegmentedBar selectedIndex="1">
+      <SegmentedBar.items>
+        <SegmentedBarItem title="Item 1" />
+        <SegmentedBarItem title="Item 2" />
+        <SegmentedBarItem title="Item 3" />
+      </SegmentedBar.items>
+    </SegmentedBar>
+    <Button text="go to previous page" tap="navigate"/>
+  </StackLayout>
+</Page>
\ No newline at end of file