diff --git a/apps/modal-views-demo/main-page.ts b/apps/modal-views-demo/main-page.ts
index 1fa47f260..9b915779c 100644
--- a/apps/modal-views-demo/main-page.ts
+++ b/apps/modal-views-demo/main-page.ts
@@ -16,4 +16,8 @@ export function onTap(args: observable.EventData) {
         console.log(username + "/" + password);
         label.text = username + "/" + password;
     }, fullscreen);
+}
+
+export function onCloseModal(args: observable.EventData) {
+    page.closeModal();
 }
\ No newline at end of file
diff --git a/apps/modal-views-demo/main-page.xml b/apps/modal-views-demo/main-page.xml
index 0d76cdb81..d262d8937 100644
--- a/apps/modal-views-demo/main-page.xml
+++ b/apps/modal-views-demo/main-page.xml
@@ -3,5 +3,6 @@
     <Button text="Login (small)" tap="onTap" />
     <Button text="Login (full-screen)" tap="onTap" />
     <Label id="label" text="Anonymous"/>
+    <Button text="Close Modal" tap="onCloseModal" />
   </StackLayout>
 </Page>
\ No newline at end of file
diff --git a/ui/page/page.d.ts b/ui/page/page.d.ts
index e30c19ec3..c6f188f67 100644
--- a/ui/page/page.d.ts
+++ b/ui/page/page.d.ts
@@ -157,6 +157,11 @@ declare module "ui/page" {
          */
         showModal(moduleName: string, context: any, closeCallback: Function, fullscreen?: boolean);
 
+        /**
+         * Closes the current modal dialog that this page is showing.
+         */
+        closeModal();
+        
         //@private
 
         /**