diff --git a/apps/app/ui-tests-app/layouts-percent/grid.ts b/apps/app/ui-tests-app/layouts-percent/grid.ts index 0f87f7efc..0c5ca55ca 100644 --- a/apps/app/ui-tests-app/layouts-percent/grid.ts +++ b/apps/app/ui-tests-app/layouts-percent/grid.ts @@ -9,9 +9,11 @@ export function onLoaded(args: { eventName: string, object: any }) { } export function onAddRowColumn(args: { eventName: string, object: any }) { + var layout = args.object.parent.parent; var row = new ItemSpec(1, GridUnitType.AUTO); var column = new ItemSpec(1, GridUnitType.AUTO); + layout.addRow(row); layout.addColumn(column); diff --git a/apps/app/ui-tests-app/layouts-percent/myview.ts b/apps/app/ui-tests-app/layouts-percent/myview.ts index ce6f5afdb..82c00f151 100644 --- a/apps/app/ui-tests-app/layouts-percent/myview.ts +++ b/apps/app/ui-tests-app/layouts-percent/myview.ts @@ -1,4 +1,4 @@ -import { LayoutBase, View, Observable, HorizontalAlignment, VerticalAlignment, Visibility} from "ui/layouts/layout-base"; +import { LayoutBase, View, Observable, HorizontalAlignment, VerticalAlignment, Visibility} from "ui/layouts/layout-base"; export class ViewModel extends Observable { @@ -42,32 +42,34 @@ export class ViewModel extends Observable { public onAlignments(args: { eventName: string, object: any }): void { var view: View = args.object; - if (view.horizontalAlignment === HorizontalAlignment.STRETCH) { - view.horizontalAlignment = HorizontalAlignment.LEFT; - view.verticalAlignment = VerticalAlignment.TOP; - } else if (view.horizontalAlignment === HorizontalAlignment.LEFT) { - view.horizontalAlignment = HorizontalAlignment.CENTER; - view.verticalAlignment = VerticalAlignment.MIDDLE; - } else if (view.horizontalAlignment === HorizontalAlignment.CENTER) { - view.horizontalAlignment = HorizontalAlignment.RIGHT; - view.verticalAlignment = VerticalAlignment.BOTTOM; + + if (view.horizontalAlignment === "stretch") { + view.horizontalAlignment = "left"; + view.verticalAlignment = "top"; + } else if (view.horizontalAlignment === "left") { + view.horizontalAlignment = "center"; + view.verticalAlignment = "middle"; + } else if (view.horizontalAlignment === "center") { + view.horizontalAlignment = "right"; + view.verticalAlignment = "bottom"; } else { - view.horizontalAlignment = HorizontalAlignment.STRETCH; - view.verticalAlignment = VerticalAlignment.STRETCH; + view.horizontalAlignment = "stretch"; + view.verticalAlignment = "stretch"; } } public onCollapse(args: { eventName: string, object: any }): void { var view: View = args.object; - view.visibility = Visibility.COLLAPSE; + view.visibility = "collapse"; } public onVisibile(args: { eventName: string, object: any }): void { var view: View = args.object; + var layout = view.parent; - var child = layout.getViewById("collapse"); - child.visibility = Visibility.VISIBLE; + var child = layout.getViewById("collapse"); + child.visibility = "visible"; } // Layout properties diff --git a/apps/app/ui-tests-app/layouts/grid.ts b/apps/app/ui-tests-app/layouts/grid.ts index 0f87f7efc..9a53ed4f1 100644 --- a/apps/app/ui-tests-app/layouts/grid.ts +++ b/apps/app/ui-tests-app/layouts/grid.ts @@ -9,9 +9,11 @@ export function onLoaded(args: { eventName: string, object: any }) { } export function onAddRowColumn(args: { eventName: string, object: any }) { + var layout = args.object.parent.parent; - var row = new ItemSpec(1, GridUnitType.AUTO); - var column = new ItemSpec(1, GridUnitType.AUTO); + var row = new ItemSpec(1, "auto"); + var column = new ItemSpec(1, "auto"); + layout.addRow(row); layout.addColumn(column); diff --git a/apps/app/ui-tests-app/layouts/myview.ts b/apps/app/ui-tests-app/layouts/myview.ts index 21182258c..cda30dea3 100644 --- a/apps/app/ui-tests-app/layouts/myview.ts +++ b/apps/app/ui-tests-app/layouts/myview.ts @@ -42,24 +42,24 @@ export class ViewModel extends Observable { public onAlignments(args: { eventName: string, object: any }): void { var view: View = args.object; - if (view.horizontalAlignment === HorizontalAlignment.STRETCH) { - view.horizontalAlignment = HorizontalAlignment.LEFT; - view.verticalAlignment = VerticalAlignment.TOP; - } else if (view.horizontalAlignment === HorizontalAlignment.LEFT) { - view.horizontalAlignment = HorizontalAlignment.CENTER; - view.verticalAlignment = VerticalAlignment.MIDDLE; - } else if (view.horizontalAlignment === HorizontalAlignment.CENTER) { - view.horizontalAlignment = HorizontalAlignment.RIGHT; - view.verticalAlignment = VerticalAlignment.BOTTOM; + if (view.horizontalAlignment === "stretch") { + view.horizontalAlignment = "left"; + view.verticalAlignment = "top"; + } else if (view.horizontalAlignment === "left") { + view.horizontalAlignment = "center"; + view.verticalAlignment = "middle"; + } else if (view.horizontalAlignment === "center") { + view.horizontalAlignment = "right"; + view.verticalAlignment = "bottom"; } else { - view.horizontalAlignment = HorizontalAlignment.STRETCH; - view.verticalAlignment = VerticalAlignment.STRETCH; + view.horizontalAlignment = "stretch"; + view.verticalAlignment = "stretch"; } } public onCollapse(args: { eventName: string, object: any }): void { var view: View = args.object; - view.visibility = Visibility.COLLAPSE; + view.visibility = "collapse"; } public onVisibile(args: { eventName: string, object: any }): void { @@ -67,7 +67,7 @@ export class ViewModel extends Observable { var layout = view.parent; var child = layout.getViewById("collapse"); - child.visibility = Visibility.VISIBLE; + child.visibility = "visible"; } // Layout properties diff --git a/apps/app/ui-tests-app/pages/pan-event.ts b/apps/app/ui-tests-app/pages/pan-event.ts index 8a23a3f74..aa9b1ecef 100644 --- a/apps/app/ui-tests-app/pages/pan-event.ts +++ b/apps/app/ui-tests-app/pages/pan-event.ts @@ -7,7 +7,7 @@ import { TextView } from "ui/text-view"; var view: View; export function navigatingTo(args: EventData) { var page = args.object; - view = page.getViewById("target"); + view = page.getViewById("target"); } export function onPan(data: PanGestureEventData) { diff --git a/apps/app/ui-tests-app/tab-view/tab-view-icon.ts b/apps/app/ui-tests-app/tab-view/tab-view-icon.ts index 970e62309..ff57cbb79 100644 --- a/apps/app/ui-tests-app/tab-view/tab-view-icon.ts +++ b/apps/app/ui-tests-app/tab-view/tab-view-icon.ts @@ -7,7 +7,9 @@ let iconModes = ["automatic", "alwaysOriginal", "alwaysTemplate", undefined]; export function onChangeRenderingMode(args: EventData){ let button = (