diff --git a/build/index.js b/build/index.js index 40f0dec4..f07764dc 100644 --- a/build/index.js +++ b/build/index.js @@ -40,6 +40,7 @@ Metalsmith(cwd) moment, localeMap: { 'en': 'English', + 'es': 'Español', 'ko': '한국어', 'pt-BR': 'Português do Brasil', 'ru': 'Русский' @@ -115,16 +116,16 @@ Metalsmith(cwd) }) .use(locales({ defaultLocale: 'en', - locales: ['en', 'ko', 'pt-BR', 'ru'] + locales: ['en', 'es', 'ko', 'pt-BR', 'ru'] })) .use(versions({ versions: [ { name: 'latest', url: '//nativescript-vue.org' }, - { name: 'v1.3.1', url: '//v1.3.1.nativescript-vue.org' }, + { name: 'v1.3.1', url: '//v1-3-1.nativescript-vue.org' }, ], currentVersion: { - name: 'latest', - branch: 'master' + name: 'v1.3.1', + branch: 'v1.3.1' } // different for each branch })) .use(order()) @@ -212,7 +213,7 @@ Metalsmith(cwd) done(); }) .use(sitemap({ - hostname: 'https://nativescript-vue.org', + hostname: 'https://v1-3-1.nativescript-vue.org', omitIndex: true, })) // build the site diff --git a/build/plugins/order.js b/build/plugins/order.js index c497b00b..1c9a0273 100644 --- a/build/plugins/order.js +++ b/build/plugins/order.js @@ -13,7 +13,6 @@ function plugin() { if (res) { const data = files[file]; data.order = res[1]; - data.slug = data.slug.replace(res[0], ''); // rename file to not include the order diff --git a/content/docs/en/elements/components/date-picker.md b/content/docs/en/elements/components/date-picker.md index 36aae1aa..1cbb2f35 100644 --- a/content/docs/en/elements/components/date-picker.md +++ b/content/docs/en/elements/components/date-picker.md @@ -11,7 +11,7 @@ contributors: [MisterBrownRSA, rigor789, ikoevska] --- ```html - + ``` `` provides two-way data binding using `v-model`. diff --git a/content/docs/en/elements/components/list-view.md b/content/docs/en/elements/components/list-view.md index 0ad5d3b2..7931ad6f 100644 --- a/content/docs/en/elements/components/list-view.md +++ b/content/docs/en/elements/components/list-view.md @@ -9,7 +9,7 @@ contributors: [MisterBrownRSA, rigor789, eddyverbruggen, ikoevska] ```html - + diff --git a/content/docs/en/elements/dialogs/action.md b/content/docs/en/elements/dialogs/action.md index 005cc988..9c78b99b 100644 --- a/content/docs/en/elements/dialogs/action.md +++ b/content/docs/en/elements/dialogs/action.md @@ -1,6 +1,6 @@ --- title: ActionDialog -apiRef: https://docs.nativescript.org/api-reference/modules/_ui_dialogs_#action +apiRef: https://docs.nativescript.org/api-reference/modules/_ui_dialogs_#action contributors: [MisterBrownRSA, rigor789, ikoevska] --- diff --git a/content/docs/en/elements/layouts/absolute-layout.md b/content/docs/en/elements/layouts/absolute-layout.md index 941998f2..d2f679ad 100644 --- a/content/docs/en/elements/layouts/absolute-layout.md +++ b/content/docs/en/elements/layouts/absolute-layout.md @@ -1,14 +1,23 @@ --- title: AbsoluteLayout apiRef: https://docs.nativescript.org/api-reference/modules/_ui_layouts_absolute_layout_ -contributors: [rigor789] +docRef: https://docs.nativescript.org/ui/layouts/layout-containers#absolutelayout +contributors: [rigor789, ikoevska] --- -The AbsoluteLayout container is the simplest layout container in NativeScript. It uses absolute top-left coordinates to position its children. The AbsoluteLayout will not enforce any layout constraints on its children and will not resize them at runtime when its size changes. +The `` container is the simplest layout container in NativeScript. -### Samples +`` has the following behavior: -#### A grid-like layout +* Uses a pair of absolute left/top coordinates to position its children. +* Doesn't enforce any layout constraints on its children. +* Doesn't resize its children at runtime when its size changes. + +## Examples + +### A grid-like layout + +The following example creates a simple grid. For more information about creating grid layouts, see [GridLayout](/en/docs/elements/layouts/grid-layout). ```html @@ -20,7 +29,9 @@ The AbsoluteLayout container is the simplest layout container in NativeScript. I ``` -#### Overlapping elements +### Overlapping elements + +The following example creates a group of overlapping items. ```html @@ -30,17 +41,15 @@ The AbsoluteLayout container is the simplest layout container in NativeScript. I ``` - ## Props -AbsoluteLayout has no props. +None. -## Additional Children Props +## Additional children props -When an element is a direct child of the AbsoluteLayout, the following -props get a meaning: +When an element is a direct child of ``, you can work with the following additional properties. -| name | type | description | +| Name | Type | Description | |------|------|-------------| -| `top` | `Number` | A value representing the distance from the top of the parent AbsoluteLayout -| `left` | `Number` | A value representing the distance from the left of the parent AbsoluteLayout +| `top` | `Number` | Gets or sets the distance, in pixels, between the top edge of the child and the top edge of its parent. +| `left` | `Number` | Gets or sets the distance, in pixels, between the left edge of the child and the left edge of its parent. diff --git a/content/docs/en/elements/layouts/dock-layout.md b/content/docs/en/elements/layouts/dock-layout.md index 07f6c943..e73c1935 100644 --- a/content/docs/en/elements/layouts/dock-layout.md +++ b/content/docs/en/elements/layouts/dock-layout.md @@ -1,14 +1,22 @@ --- title: DockLayout apiRef: https://docs.nativescript.org/api-reference/modules/_ui_layouts_dock_layout_ -contributors: [rigor789] +contributors: [rigor789, ikoevska] --- -DockLayout is a layout that provides a docking mechanism for child elements to the `left`, `right`, `top`, `bottom` or center of the layout. To define the docking side of a child element, use its `dock` property. To dock a child element to the center of the DockLayout, it must be the **last child** of the DockLayout and the `stretchLastChild` property of the DockLayout must be set to `true`. +`` is a layout container that lets you dock child elements to the sides or the center of the layout. -### Samples +`` has the following behavior: -#### Dock to every side without stretching last child +* Uses the `dock` property to dock its children to the `left`, `right`, `top`, `bottom` or center of the layout.
To dock a child element to the center, it must be the **last child** of the container and you must set the `stretchLastChild` property of the parent to `true`. +* Enforces layout constraints to its children. +* Resizes its children at runtime when its size changes. + +## Examples + +### Dock to every side without stretching the last child + +The following example creates a frame-like layout consisting of 4 elements, position at the 4 edges of the screen. ```html @@ -20,7 +28,9 @@ DockLayout is a layout that provides a docking mechanism for child elements to t ``` -#### Dock to every side with stretching last child +### Dock to every side and stretch the last child + +The following example shows how `stretchLastChild` affects the positioning of child elements in a `DockLayout` container. The last child (`bottom`) is stretched to take up all the remaining space after positioning the first three elements. ```html @@ -32,8 +42,25 @@ DockLayout is a layout that provides a docking mechanism for child elements to t ``` -#### Multiple children on the same side +### Dock to every side and the center + +The following example creates a `` of 5 elements. The first four wrap the center element in a frame. + +```html + + +``` + + +### Dock multiple children to the same side +The following example creates a single line of 4 elements that stretch across the entire height and width of the screen. + ```html