Repository navigation
Expand file tree
/
Copy pathroot-layout.xml
More file actions
47 lines (42 loc) · 2.14 KB
/
Copy pathroot-layout.xml
File metadata and controls
47 lines (42 loc) · 2.14 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page">
<Page.actionBar>
<ActionBar title="RootLayout" icon="" class="action-bar">
</ActionBar>
</Page.actionBar>
<GridLayout rows="2*, *">
<!-- background color transparent here to hide children overflow -->
<AbsoluteLayout row="0" backgroundColor="transparent">
<!-- Root layout demo -->
<RootLayout height="100%" width="100%">
<GridLayout height="100%" backgroundColor="#ededed">
<Label verticalAlignment="center" textAlignment="center" fontWeight="bold" color="#333" text="ROOT LAYOUT CONTENT"></Label>
</GridLayout>
</RootLayout>
</AbsoluteLayout>
<!-- Root layout controls -->
<StackLayout row="1">
<ScrollView height="100%">
<StackLayout padding="20" class="controls">
<Label text="ORANGE"></Label>
<FlexboxLayout flexDirection="row" justifyContent="space-between">
<Button flexGrow="1" text="open" tap="{{ open }}" popupIndex="0"/>
<Button flexGrow="1" text="front" tap="{{ bringToFront }}" popupIndex="0"/>
<Button flexGrow="1" text="close" tap="{{ close }}" popupIndex="0"/>
</FlexboxLayout>
<Label text="NAVY"></Label>
<FlexboxLayout flexDirection="row" justifyContent="space-between">
<Button flexGrow="1" text="open" tap="{{ open }}" popupIndex="1"/>
<Button flexGrow="1" text="front" tap="{{ bringToFront }}" popupIndex="1"/>
<Button flexGrow="1" text="close" tap="{{ close }}" popupIndex="1"/>
</FlexboxLayout>
<Label text="GRAY"></Label>
<FlexboxLayout flexDirection="row" justifyContent="space-between">
<Button flexGrow="1" text="open" tap="{{ open }}" popupIndex="2"/>
<Button flexGrow="1" text="front" tap="{{ bringToFront }}" popupIndex="2"/>
<Button flexGrow="1" text="close" tap="{{ close }}" popupIndex="2"/>
</FlexboxLayout>
</StackLayout>
</ScrollView>
</StackLayout>
</GridLayout>
</Page>