Skip to content

Instantly share code, notes, and snippets.

@EddyVerbruggen

EddyVerbruggen/split-view-tablets-nativescript-angular.html

Last active June 14, 2017 08:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save EddyVerbruggen/0de34b07ccd479451dafd42b61a62463 to your computer and use it in GitHub Desktop.
Save EddyVerbruggen/0de34b07ccd479451dafd42b61a62463 to your computer and use it in GitHub Desktop.
Download ZIP
Split view tablet support for NativeScript with Angular
Raw
split-view-tablets-nativescript-angular.html
<!-- 'master' view -->
<ActionBar></ActionBar>
<GridLayout [columns]="isTablet ? '*, *' : '*'">
<StackLayout>
<!-- 'master' ListView -->
</StackLayout>
<StackLayout col="1" *ngIf="isTablet">
<!-- 'detail-contents' component, only for tablets -->
<detail-contents></detail-contents>
</StackLayout>
</GridLayout>
<!-- 'detail' view (used on phones only) -->
<ActionBar></ActionBar>
<StackLayout>
<detail-contents></detail-contents>
</StackLayout>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment