diff --git a/apps/app/ui-tests-app/mainPage.ts b/apps/app/ui-tests-app/mainPage.ts
index 4cd805a18..0f54b98b0 100644
--- a/apps/app/ui-tests-app/mainPage.ts
+++ b/apps/app/ui-tests-app/mainPage.ts
@@ -26,7 +26,8 @@ export function pageLoaded(args: EventData) {
     examples.set("tab-view", "tab-view/main-page");
     examples.set("layouts", "layouts/main-page");
     examples.set("pages-events", "pages/main-page");
-
+    examples.set("webview", "web-view/main-page");
+    
     examples.set("modalview", "modal-view/modal-view");
     examples.set("dialogs", "dialogs/dialogs");
     examples.set("htmlview", "html-view/html-view");
@@ -34,7 +35,6 @@ export function pageLoaded(args: EventData) {
     examples.set("animeBG", "animations/background");
     examples.set("transitions", "transitions/page0");
     examples.set("segStyle", "segmented-bar/all");
-    examples.set("webview", "web-view/web-view");
 
     //examples.set("listview_binding", "pages/listview_binding");
     //examples.set("textfield", "text-field/text-field");
diff --git a/apps/app/ui-tests-app/web-view/main-page.ts b/apps/app/ui-tests-app/web-view/main-page.ts
new file mode 100644
index 000000000..d3bf14e36
--- /dev/null
+++ b/apps/app/ui-tests-app/web-view/main-page.ts
@@ -0,0 +1,25 @@
+import { EventData } from "data/observable";
+import { MianPageViewModel } from "../mainPage";
+import { WrapLayout } from "ui/layouts/wrap-layout";
+import { Page } from "ui/page";
+
+export function pageLoaded(args: EventData) {
+    let page = <Page>args.object;
+    let view = require("ui/core/view");
+
+    let wrapLayout = view.getViewById(page, "wrapLayoutWithExamples");
+
+    let examples: Map<string, string> = new Map<string, string>();
+
+    examples.set("webview", "web-view/web-view");
+    examples.set("webtest", "web-view/web-view-test");
+
+    let viewModel = new SubMianPageViewModel(wrapLayout, examples);
+    page.bindingContext = viewModel;
+}
+
+export class SubMianPageViewModel extends MianPageViewModel {
+    constructor(container: WrapLayout, examples: Map<string, string>) {
+        super(container, examples);
+    }
+}
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/web-view/main-page.xml b/apps/app/ui-tests-app/web-view/main-page.xml
new file mode 100644
index 000000000..33306f0d0
--- /dev/null
+++ b/apps/app/ui-tests-app/web-view/main-page.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<Page loaded="pageLoaded">
+    <ScrollView orientation="vertical" row="1">
+        <WrapLayout id="wrapLayoutWithExamples"/>
+    </ScrollView>
+</Page>
\ No newline at end of file