nativescript-vue · rigor789 · Aug 1, 2018 · Jul 22, 2018 · Jul 22, 2018 · Jul 22, 2018
diff --git a/content/docs/en/elements/layouts/flexbox-layout.md b/content/docs/en/elements/layouts/flexbox-layout.md
@@ -6,9 +6,9 @@ contributors: [rigor789, ikoevska]
 
 `<FlexboxLayout>` is a layout container that provides a non-exact implementation of the [CSS Flexbox layout](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox). This layout lets you arrange child components both horizontally and vertically.
 
-### Examples
+## Examples
 
-#### Default flex layout
+### Default flex layout
 
 The following example creates a row of three equally-sized elements that span across the entire height of the screen.
 
@@ -21,9 +21,9 @@ The following example creates a row of three equally-sized elements that span ac
 ```
 <img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/flexbox_layout_row_stretch.svg" />
 
-#### Column flex layout
+### Column flex layout
 
-The following example creates a column of 3 equally-sized elements that span across the entire width of the screen.
+The following example creates a column of three equally-sized elements that span across the entire width of the screen.
 
 ```html
 <FlexboxLayout flexDirection="column" backgroundColor="#3c495e">
@@ -34,9 +34,9 @@ The following example creates a column of 3 equally-sized elements that span acr
 ```
 <img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/flexbox_layout_column_stretch.svg" />
 
-#### Row flex layout with items aligned to `flex-start`
+### Row flex layout with items aligned to `flex-start`
 
-The following example creates a row of 3 items placed at the top of the screen. Items are placed in the order they were declared in.
+The following example creates a row of three items placed at the top of the screen. Items are placed in the order they were declared in.
 
 ```html
 <FlexboxLayout alignItems="flex-start" backgroundColor="#3c495e">
@@ -47,9 +47,9 @@ The following example creates a row of 3 items placed at the top of the screen.
 ```
 <img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/flexbox_layout_row_flex-start.svg" />
 
-#### Row flex layout with custom order
+### Row flex layout with custom order
 
-The following example creates a row of 3 items placed at the top of the screen. Items are placed in a customized order.
+The following example creates a row of three items placed at the top of the screen. Items are placed in a customized order.
 
 ```html
 <FlexboxLayout alignItems="flex-start" backgroundColor="#3c495e">
@@ -60,7 +60,7 @@ The following example creates a row of 3 items placed at the top of the screen.
 ```
 <img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/flexbox_layout_row_custom_order.svg" />
 
-#### Row flex layout with wrapping
+### Row flex layout with wrapping
 
 The following example creates four items with enabled line wrapping. When the row runs out of space, the container wraps the last item on a new line.
 
@@ -74,7 +74,7 @@ The following example creates four items with enabled line wrapping. When the ro
 ```
 <img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/flexbox_layout_wrap.svg" />
 
-#### Column flex layout with reverse order and items with a different `alignSelf`
+### Column flex layout with reverse order and items with a different `alignSelf`
 
 The following example shows how to use:
 
@@ -109,8 +109,8 @@ When an element is a direct child of `<FlexboxLayout>`, you can work with the fo
 
 | Name | Type | Description |
 |------|------|-------------|
-`order` | `Number` | Sets the order in which child element appear in relation to one another. 
+`order` | `Number` | Sets the order in which child element appear in relation to one another.
 `flexGrow` | `Number` | Indicates that the child should grow in size, if necessary. Sets how much the child will grow in proportion to the rest of the child elements in the flex container.
 `flexShrink` | `Number` | Indicates that the child should shrink when the row runs out of space. Sets how much the flex item will shrink in proportion to the rest of the child elements in the flex container. When not specified, its value is set to `1`.
 `alignSelf` | `String` | (Android-only) Overrides the `alignItems` value for the child.<br/>Valid values:<br/>`flex-start` (cross-start margin edge of the item is placed on the cross-start line),<br/>`flex-end` (cross-end margin edge of the item is placed on the cross-end line),<br/>`center` (item is centered on the cross axis),<br/>`baseline` (the item baselines are aligned), and<br/>`stretch` (items is stretched to fill the container but respects `min-width` and `max-width`).<br/>Default value: `stretch`.
-`flexWrapBefore` | `Boolean` | When `true`, forces the item to wrap onto a new line. This property is not part of the official Flexbox specification.<br/>Default value: `false`. 
+`flexWrapBefore` | `Boolean` | When `true`, forces the item to wrap onto a new line. This property is not part of the official Flexbox specification.<br/>Default value: `false`.
diff --git a/content/docs/en/elements/layouts/stack-layout.md b/content/docs/en/elements/layouts/stack-layout.md
@@ -6,9 +6,9 @@ contributors: [rigor789, ikoevska]
 
 `<StackLayout>` is a layout container that lets you stack the child elements vertically (default) or horizontally.
 
-### Samples
+## Examples
 
-#### Default stacking
+### Default stacking
 
 The following example creates a vertical stack of 3 equally-sized elements. Items are stretched to cover the entire width of the screen. Items are placed in the order they were declared in.
 
@@ -21,7 +21,7 @@ The following example creates a vertical stack of 3 equally-sized elements. Item
 ```
 <img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/stack_layout_vertical.svg" />
 
-#### Horizontal stacking
+### Horizontal stacking
 
 The following example creates a horizontal stack of 3 equally-sized elements. Items are stretched to cover the entire height of the screen. Items are placed in the order they were declared in.
 
@@ -34,7 +34,7 @@ The following example creates a horizontal stack of 3 equally-sized elements. It
 ```
 <img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/stack_layout_horizontal.svg" />
 
-#### Stack layout with horizontally aligned children
+### Stack layout with horizontally aligned children
 
 The following example creates a diagonal stack of items with responsive sizes. Items are vertically stacked.
 
@@ -52,7 +52,7 @@ The following example creates a diagonal stack of items with responsive sizes. I
 ```
 <img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/stack_layout_vertical_align_children.svg" />
 
-#### Horizontal stack layout with vertically aligned children
+### Horizontal stack layout with vertically aligned children
 
 The following example creates a diagonal stack of items with responsive sizes. Items are horizontally stacked.
 

diff --git a/content/docs/en/elements/layouts/wrap-layout.md b/content/docs/en/elements/layouts/wrap-layout.md
@@ -6,9 +6,9 @@ contributors: [rigor789, ikoevska]
 
 `<WrapLayout>` is a layout container that lets you position items in rows or columns, based on the `orientation` property. When the space is filled, the container automatically wraps items onto a new row or column.
 
-### Samples
+### Examples
 
-#### Default wrap layout
+### Default wrap layout
 
 The following example creates a row of equally-sized items. When the row runs out of space, the container wraps the last item on a new row.
 
@@ -23,7 +23,7 @@ The following example creates a row of equally-sized items. When the row runs ou
 
 <img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/wrap_layout_horizontal.svg" />
 
-#### Vertical wrap layout
+### Vertical wrap layout
 
 The following example creates a column of equally-sized items. When the row runs out of space, the container wraps the last item on a new column.
 

diff --git a/content/docs/es/elements/components/image.md b/content/docs/es/elements/components/image.md
@@ -48,4 +48,4 @@ contributors: [ianaya89]
 
 | Android | iOS |
 |---------|-----|
-| [`android.widget.ImageView`](https://developer.android.com/reference/android/widget/ImageView.html) | [`UIImageView`](https://developer.apple.com/documentation/uikit/uiimageview)
+| [`android.widget.ImageView`](https://developer.android.com/reference/android/widget/ImageView.html) | [`UIImageView`](https://developer.apple.com/documentation/uikit/uiimageview)
diff --git a/content/docs/es/elements/components/list-view.md b/content/docs/es/elements/components/list-view.md
@@ -23,7 +23,7 @@ contributors: [ianaya89]
 
 El componente [`<v-template>`](/en/docs/utilities/v-template) es utilizado para definir como se va a mostrar cada elemento de la lista dentro de la pantalla.
 
-Si necesitas visualizar uno o mas elementos de manera diferente al resto, puedes ingresarlos como hijos de un componente `<v-template>` y utilizar las condiciones que sean necesarias. Dentro de un `<ListView>`, puedes usar todos los `<v-template>` que creas necesarios.
+Si necesitas visualizar uno o más elementos de manera diferente al resto, puedes ingresarlos como hijos de un componente `<v-template>` y utilizar las condiciones que sean necesarias. Dentro de un `<ListView>`, puedes usar todos los `<v-template>` que creas necesarios.
 
 ```html
 <ListView for="item in listOfItems" @itemTap="onItemTap">

diff --git a/content/docs/es/elements/components/text-view.md b/content/docs/es/elements/components/text-view.md
@@ -4,7 +4,7 @@ apiRef: https://docs.nativescript.org/api-reference/classes/_ui_text_view_.textv
 contributors: [ianaya89]
 ---
 
-`<TextView>` es un componente de UI que muestra un contenedor de texto editable o de solo-lectura. Puedes utilizarlo para permitir que el usuario ingrese grande cantidades de texto o simplemente para mostrar texto en mas de una línea.
+`<TextView>` es un componente de UI que muestra un contenedor de texto editable o de solo-lectura. Puedes utilizarlo para permitir que el usuario ingrese grande cantidades de texto o simplemente para mostrar texto en más de una línea.
 
 El componente `<TextView>` extiende a [`TextBase`](https://docs.nativescript.org/api-reference/classes/_ui_text_base_.textbase) y a[`EditableTextBase`](https://docs.nativescript.org/api-reference/classes/_ui_editor_text_base_.editabletextbase),agregando propiedades y eventos adicionales.
 

diff --git a/content/docs/es/elements/layouts/absolute-layout.md b/content/docs/es/elements/layouts/absolute-layout.md
@@ -1,15 +1,27 @@
 ---
 title: AbsoluteLayout
 apiRef: https://docs.nativescript.org/api-reference/modules/_ui_layouts_absolute_layout_
+docRef: https://docs.nativescript.org/ui/layouts/layout-containers#absolutelayout
 contributors: [ianaya89]
 ---
 
-El contenedor `AbsoluteLayout` es el *layout* mas simple de NativeScript. Usa coordenadas absolutas para posicionar los componentes hijos a partir del vértice superior izquierdo.
+
+El contenedor `AbsoluteLayout` es el *layout* más simple de NativeScript. Usa coordenadas absolutas para posicionar los componentes hijos a partir del vértice superior izquierdo.
 `AbsoluteLayout` no aplicará ninguna restricción de diseño a tus elementos hijos y tampoco los redimensionará en tiempo de ejecución (cuando cambie su tamaño).
 
-### Ejemplos
+El contenedor `<AbsoluteLayout>` es el *layout* más simple de NativeScript
+
+`<AbsoluteLayout>` se comporta de la siguiente forma:
+
+* Usa un par de coordinadas absolutas izquierda/derecha para posicioanr los elementos hijos.
+* **No** fuerza ningún tipo de restricción de posicionamiento sobre los elementos hijos.
+* **No** redimensiona los elementos hijos en tiempo de ejecución, cuando estos cambien de tamaño.
+
+## Ejemplos
 
-#### Diseño de tipo grilla
+### Diseño de tipo grilla
+
+El siguiente ejemplo crea una grilla simple. Para más información sobre *layouts* de grillas puedes ver [GridLayout](/es/docs/elements/layouts/grid-layout).
 
 ```html
 <AbsoluteLayout backgroundColor="#3c495e">
@@ -21,7 +33,9 @@ El contenedor `AbsoluteLayout` es el *layout* mas simple de NativeScript. Usa co
 ```
 <img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/absolute_layout_grid.svg" />
 
-#### Superponiendo elementos
+### Superponiendo elementos
+
+El siguiente ejemplo crea un grupo de elementos que se superponen entre ellos.
 
 ```html
 <AbsoluteLayout backgroundColor="#3c495e">
@@ -31,16 +45,15 @@ El contenedor `AbsoluteLayout` es el *layout* mas simple de NativeScript. Usa co
 ```
 <img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/absolute_layout_overlap.svg" />
 
-
 ## Propiedades
 
-`AbsoluteLayout` no tiene propiedades.
+No tiene propiedades.
 
-## Propiedades de elementos hijos
+## Additional children props
 
-Cuando un elemento es hijo directo de `AbsoluteLayout`, las siguientes propiedades pueden ser utilizadas en ese elemento hijo:
+Cuando un elemento es hijo directo de AbsoluteLayout, las siguientes propiedades pueden ser utilizadas en ese elemento hijo:
 
-| Nombre | Tipo | Descripción |
+| Name | Type | Description |
 |------|------|-------------|
-| `top` | `Number` | Representa la distancia desde el margen superior del `AbsoluteLayout`
-| `left` | `Number` | Representa la distancia desde el margen izquierdo del `AbsoluteLayout`
+| `top` | `Number` | Obtiene o establece la distancia (en píxeles) entre el borde superior del elemento hijo y el borde superior del elemento padre.
+| `left` | `Number` | Obtiene o establece la distancia (en píxeles) entre el borde izquierdo del elemento hijo y el borde izquierdo del elemento padre.
diff --git a/content/docs/es/elements/layouts/dock-layout.md b/content/docs/es/elements/layouts/dock-layout.md
@@ -4,11 +4,18 @@ apiRef: https://docs.nativescript.org/api-reference/modules/_ui_layouts_dock_lay
 contributors: [ianaya89]
 ---
 
-El contenedor `DockLayout` provee un mecanismo de acoplamiento para los elementos hijos, basado en los valores `left`, `right`, `top`, `bottom`. Para definir el tipo de acoplamiento de un elemento hijo, se puede utilizar la propiedad `dock`. Para acoplar un elemento hijo en el centro de un `DockLayout`, este deberá ser el último hijo del contenedor `DockLayout` y la propiedad de `stretchLastChild` (de `DockLayout`) deberá tener el valor `true`.
+El contenedor `DockLayout` provee un mecanismo de acoplamiento para los elementos hijos que permite ubicalor a los costados o en el centro del contenedor.
 
-### Ejemplos
+`<DockLayout>` se comporta de la siguiente forma:
 
-#### Acoplar a cada lado sin estirar el último elemento hijo
+* Usa la propiedad `dock` para ubicar los elementos con los valores: `left`, `right`, `top`, `bottom`.
+* Permite acoplar un elemento hijo en el centro del contenedor. En ese caso, este deberá ser el último hijo del contenedor `<DockLayout>` y la propiedad de `stretchLastChild` (de `<DockLayout>`) deberá tener el valor `true`.
+* Fuerza restricciones de posicionamiento sobre los elementos hijos.
+* Redimensiona los elementos hijos en tiempo de ejecucion, cuando estos cambian de tamaño.Resizes its children at runtime when its size changes.
+
+## Ejemplos
+
+### Acoplar a cada lado sin estirar el último elemento hijo
 
 ```html
 <DockLayout stretchLastChild="false" backgroundColor="#3c495e">
@@ -20,7 +27,9 @@ El contenedor `DockLayout` provee un mecanismo de acoplamiento para los elemento
 ```
 <img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/dock_layout_no_stretch.svg" />
 
-#### Acoplar a cada lado estirando el último elemento hijo
+### Acoplar a cada lado estirando el último elemento hijo
+
+El siguiente ejemplo muestra como la propiedad `stretchLastChild` afecta la posicion de los elementos hijos en un contenedor `<DockLayout>`. El último elemento (con el la propiedad `dock="bottom"`), es estirado para que ocupe el resto del espacio disponible luego del posicionamiento de los primeros tres elementos.
 
 ```html
 <DockLayout stretchLastChild="true" backgroundColor="#3c495e">
@@ -32,7 +41,25 @@ El contenedor `DockLayout` provee un mecanismo de acoplamiento para los elemento
 ```
 <img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/dock_layout_stretch.svg" />
 
-#### Múltiples elementos hijos en el mismo lado
+### Acoplar a ambos lados y al centro
+
+El siguiente ejemplo crea un contenedor `<DockLayout>` de cinco elementos. Los primeros cuatro elementos envuelven al elemento del centro en un cuadro.
+
+```html
+<DockLayout stretchLastChild="true" backgroundColor="#3c495e">
+  <Label text="left" dock="left" width="40" backgroundColor="#43b883"/>
+  <Label text="top" dock="top" height="40" backgroundColor="#289062"/>
+  <Label text="right" dock="right" width="40" backgroundColor="#43b883"/>
+  <Label text="bottom" dock="bottom" height="40" backgroundColor="#289062"/>
+  <Label text="center" backgroundColor="#1c6b48" />
+</DockLayout>
+```
+
+<img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/dock_layout_all_sides_and_stretch.svg" />
+
+### Múltiples elementos hijos en el mismo lado
+
+El siguiente ejemplo crea una sola línea de posicionamiento, con cuatro elementos que se estiran a lo largo y ancho de la pantalla.
 
 ```html
 <DockLayout stretchLastChild="true" backgroundColor="#3c495e">