diff --git a/apps/app/ui-tests-app/events/layout-changed-event.ts b/apps/app/ui-tests-app/events/layout-changed-event.ts
new file mode 100644
index 000000000..9070896e8
--- /dev/null
+++ b/apps/app/ui-tests-app/events/layout-changed-event.ts
@@ -0,0 +1,26 @@
+import { StackLayout } from "tns-core-modules/ui/layouts/stack-layout";
+import { Button } from "tns-core-modules/ui/button";
+import { TextView } from "tns-core-modules/ui/text-view";
+import { View } from "tns-core-modules/ui/core/view";
+import { EventData } from "tns-core-modules/data/observable";
+let buttonsCount = 1;
+
+export function onLayoutChanged(args) {
+    let msg = "StackLayout layout changed - width:" + args.object.getActualSize().width;
+    (<TextView>args.object.page.getViewById("output")).text += msg + "\n";
+}
+
+export function addChild(args) {
+    let button = new Button();
+    button.text = "Button" + buttonsCount;
+    button.margin = 10;
+    button.backgroundColor = "lightgreen";
+    
+    (<StackLayout>args.object.page.getViewById("target")).addChild(button);
+    buttonsCount++;
+}
+
+export function clear(args) {
+    (<StackLayout>args.object.page.getViewById("target")).removeChildren();
+    args.object.page.getViewById("output").text = "";
+}
diff --git a/apps/app/ui-tests-app/events/layout-changed-event.xml b/apps/app/ui-tests-app/events/layout-changed-event.xml
new file mode 100644
index 000000000..d66a3a289
--- /dev/null
+++ b/apps/app/ui-tests-app/events/layout-changed-event.xml
@@ -0,0 +1,11 @@
+<Page>
+  <GridLayout rows="*, *, *" >
+    <StackLayout horizontalAlignment="left" orientation="horizontal" backgroundColor="yellow" id="target" margin="20" layoutChanged="onLayoutChanged"/>
+    
+    <StackLayout row="1">
+        <Button text="clear" tap="clear"/>
+        <Button text="add child" tap="addChild"/>
+    </StackLayout>
+    <TextView row="2" id="output" automationText="output" style="font-size: 10, font-family: monospace;"/>
+  </GridLayout>
+</Page>
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/events/main-page.ts b/apps/app/ui-tests-app/events/main-page.ts
index 1f093b3e6..2033fb6b5 100644
--- a/apps/app/ui-tests-app/events/main-page.ts
+++ b/apps/app/ui-tests-app/events/main-page.ts
@@ -19,6 +19,7 @@ export function loadExamples() {
     examples.set("i61", "events/i61");
     examples.set("i73", "events/i73");
     examples.set("i86", "events/i86");
+    examples.set("layout changed", "events/layout-changed-event");
 
     return examples;
 }