NativeScript/apps/tests/ui/layouts/grid-layout.md at 97cec8741068262bd50f7efb2d8cd3af93d2bbcd

mirror of https://github.com/NativeScript/NativeScript.git synced 2025-11-05 13:26:48 +08:00

Files

Erjan Gavalji f15f283c74 Reorder test file structure to match the modules

Needed to have a nice structured cookbook dir in the docs

Includes:
Move the data-module tests under the data dir
Move the frame tests under the ui dir
Rename the dialog.md file to dialogs.md
Fix the web-view title
Add previous_url attributes to each article for SEO
Rename the style dir to styling to match the reference
Fix the frame-tests path

2016-05-05 10:43:35 +03:00

1.1 KiB

Raw Blame History

nav-title, title, description, previous_url

nav-title	title	description	previous_url
grid-layout How-To	grid-layout	Examples for using grid-layout	/ApiReference/ui/layouts/grid-layout/HOW-TO

GridLayout sample

Creating Grid Layout via code.

Create grid layout with an xml declaration

<GridLayout columns="80, *, auto" rows="auto, *" >
 <Button col="0" />
 <Button col="1" />
 <Button col="2" />
 // by default column and row are set to 0
 <Button row="1" colSpan="3" />
</GridLayout>

1.1 KiB

Raw Blame History

GridLayout sample

Creating Grid Layout via code.

Create grid layout with an xml declaration

Add views to grid layout

Set column property on views - btn1 in first column, btn2 is second and btn3 in third

Set row property on btn4.

Set columnSpan property on btn4 to stretch into all columns

Create ItemSpec for columns and rows 3 columns - 80px, *, auto size and 2 rows - 100px and auto size

Add columns and rows to GridLayout

1.1 KiB Raw Blame History

GridLayout sample

Creating Grid Layout via code.

Create grid layout with an xml declaration

Add views to grid layout

Set column property on views - btn1 in first column, btn2 is second and btn3 in third

Set row property on btn4.

Set columnSpan property on btn4 to stretch into all columns

Create ItemSpec for columns and rows 3 columns - 80px, *, auto size and 2 rows - 100px and auto size

Add columns and rows to GridLayout

1.1 KiB

Raw Blame History