diff --git a/tests/app/ui/web-view/web-view-code-snippet.ts b/tests/app/ui/web-view/web-view-code-snippet.ts
new file mode 100644
index 000000000..b85f5cc63
--- /dev/null
+++ b/tests/app/ui/web-view/web-view-code-snippet.ts
@@ -0,0 +1,30 @@
+// >> web-view-loaded
+import { EventData } from 'data/observable';
+import { Page } from 'ui/page';
+import { HelloWorldModel } from './main-view-model';
+import { WebView } from "ui/web-view";
+import { isAndroid } from "platform"
+
+
+export function navigatingTo(args: EventData) {
+
+ let page = args.object;
+
+ page.bindingContext = new HelloWorldModel();
+}
+
+export function webViewTouch(args){
+ console.log("touch event");
+}
+
+export function webViewPan(args){
+ console.log("pan gesture");
+}
+
+export function webViewLoaded(args){
+ var webview:WebView = args.object;
+ if(isAndroid){
+ webview.android.getSettings().setDisplayZoomControls(false);
+ }
+}
+// >> web-view-loaded
\ No newline at end of file
diff --git a/tests/app/ui/web-view/web-view.md b/tests/app/ui/web-view/web-view.md
index 2b3583cf6..303f4708f 100644
--- a/tests/app/ui/web-view/web-view.md
+++ b/tests/app/ui/web-view/web-view.md
@@ -27,64 +27,11 @@ Using a WebView requires the web-view module.
-
+
```
-```TypeScript
-import { EventData } from 'data/observable';
-import { Page } from 'ui/page';
-import { HelloWorldModel } from './main-view-model';
-import { WebView } from "ui/web-view";
-import { isAndroid } from "platform"
+{%snippet web-view-loaded%}
-
-export function navigatingTo(args: EventData) {
-
- let page = args.object;
-
- page.bindingContext = new HelloWorldModel();
-}
-
-export function webviewtouch(args){
- console.log("touch event");
-}
-
-export function webviewpan(args){
- console.log("pan gesture");
-}
-
-export function webviewloaded(args){
- var webview:WebView = args.object;
- if(isAndroid){
- webview.android.getSettings().setDisplayZoomControls(false);
- }
-}
-```
-
-```JavaScript
-var main_view_model_1 = require("./main-view-model");
-var platform_1 = require("platform");
-function navigatingTo(args) {
- var page = args.object;
- page.bindingContext = new main_view_model_1.HelloWorldModel();
-}
-exports.navigatingTo = navigatingTo;
-function webviewtouch(args) {
- console.log("touch event");
-}
-exports.webviewtouch = webviewtouch;
-function webviewpan(args) {
- console.log("pan gesture");
-}
-exports.webviewpan = webviewpan;
-function webviewloaded(args) {
- var webview = args.object;
- if (platform_1.isAndroid) {
- webview.android.getSettings().setDisplayZoomControls(false);
- }
-}
-exports.webviewloaded = webviewloaded;
-```
>Note: to be able to use gestures in `WebView` component on Android, we should first disabled the zoom control. To do that we could access the `android` property and with the help of `setDisplayZoomControls` to set this controll to `false`.
\ No newline at end of file