# Área de scroll

Este control permite incrustar un [formulario](..) dentro de otro y, si no cabe entero, que aparezcan barras de scroll horizontal y/o vertical.

Los formularios carecen de la funcionalidad de scroll, por lo tanto, si nos interesa que un formulario tenga scroll lo que haremos será incrustarlo dentro de otro formulario usando este control.

En Android e iOS podremos hacer scroll con el dedo dentro de este control.

Para crearlo ejecutar la opción **área de scroll** de la barra de controles de contenedores del editor de formularios, hacer un clic con el botón izquierdo del ratón dentro del área del formulario y, sin soltar el botón del ratón, arrastrarlo hacia abajo y hacia la derecha hasta obtener el tamaño deseado. Soltar el botón del ratón para finalizar la creación del control.

Sus propiedades son:

## Identificador

Etiqueta alfanumérica que identifica al control. Este identificador será el que se usa para referenciarlo en los inspectores y en las propiedades de otros objetos.

## Nombre

Etiqueta alfanumérica que servirá como descriptor del control.

## Estilos

Podemos definir el estilo **privado** que limita el acceso del usuario final al sub-objeto desde puntos donde no se haya programado el acceso al mismo.

## Comentarios

Esta propiedad nos permite documentar el uso del control.

## Tipo

Muestra el tipo de control de que se trata. En este caso es **área de scroll**, aunque podremos modificarlo. Si modificamos el tipo de control perderemos las propiedades específicas de éste.

## Ancho

Muestra la anchura en píxels del control; es posible modificar su contenido o bien escribiendo directamente un número o bien usando los microscrollers: ![](https://3267112037-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2Fdacfc610ebb05a37c2da089aad4e911a712df366.jpg?generation=1589374033306894\&alt=media), que permiten aumentar/disminuir en una unidad el valor actual.

## Alto

Muestra la altura en píxels del control; es posible modificar su contenido o bien escribiendo directamente un número o bien usando los microscrollers: ![](https://3267112037-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2Fdacfc610ebb05a37c2da089aad4e911a712df366.jpg?generation=1589374033306894\&alt=media), que permiten aumentar/disminuir en una unidad el valor actual.

## Posición X

Muestra la posición del control, en pixels, en el eje X (horizontal) dentro del formulario.Es posible modificar su contenido o bien escribiendo directamente un número o bien usando los microscrollers: ![](https://3267112037-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2Fdacfc610ebb05a37c2da089aad4e911a712df366.jpg?generation=1589374033306894\&alt=media), que permiten aumentar/disminuir en una unidad el valor actual.

## Posición Y

Muestra la posición del control, en pixels, en el eje Y (vertical) dentro del formulario.Es posible modificar su contenido o bien escribiendo directamente un número o bien usando los microscrollers: ![](https://3267112037-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2Fdacfc610ebb05a37c2da089aad4e911a712df366.jpg?generation=1589374033306894\&alt=media), que permiten aumentar/disminuir en una unidad el valor actual.

## Tooltip

Permite especificar un texto que se presentará al usuario final de la aplicación cuando pase el cursor del ratón sobre el control. Podemos definir un texto por cada idioma presente en el [proyecto](../../..).

## Seleccionable con Tab

Permite que el control sea accesible cuando use el tabulador o el Intro para moverse de un control a otro dentro del formulario.

## Condición visible

Permite especificar una condición para que el control sea visible. La condición se establecerá mediante una fórmula que podremos escribir usando el [asistente para edición de fórmulas](../../../editores/asistente-de-formulas). Para ello pulsar el botón que aparece al editar esta propiedad.

## Condición activo

Permite especificar una condición para que el control sea funcional. La condición se establecerá mediante una fórmula que podremos escribir usando el asistente para edición de fórmulas. Para ello pulsar el botón que aparece al editar esta propiedad.

## Borde

Permite establecer el tipo de borde del control. Los valores posibles son:

* Ninguno.
* Caja a nivel.
* Caja hundido.
* Caja a elevado.
* Panel a nivel.
* Panel hundido.
* Panel elevado.
* Con estilo a nivel.
* Con estilo hundido.
* Con estilo elevado.

## Tamaño del borde

Permite establecer el grosor en píxels del borde del control; es posible modificar su contenido o bien escribiendo directamente un número o bien usando los microscrollers: ![](https://3267112037-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2Fdacfc610ebb05a37c2da089aad4e911a712df366.jpg?generation=1589374033306894\&alt=media), que permiten aumentar/disminuir en una unidad el valor actual.

## Fondo opaco

Esta propiedad permite hacer transparente el fondo del control o aplicar un color opaco al fondo del mismo.

## Barras de scroll

En esta propiedad podremos configurar el comportamiento de las barras de scroll. Los valores posibles son:

* **Automático**: las barras de scroll solamente serán visibles si el formulario no cabe entero en la zona que tiene disponible en la pantalla (en ancho y/o en alto).&#x20;
* **Nunca**: en este caso el formulario no hará scroll y hará que el formulario que lo contiene crezca hasta pintar todo el contenido del formulario incrustado en el área.
* **Siempre**: las barras de scroll estarán siempre visibles.

## Objeto

En esta propiedad seleccionaremos el formulario que queremos incrustar en este control. Tiene que tener el mismo origen que el formulario principal.

## Ancho en layout

Permite establecer cómo se comportará el control dentro del layout. Los valores posibles son:

* **Por defecto**: asume el comportamiento que tiene establecido el tipo de control en el sistema. Este control, por defecto, crece en anchura proporcionalmente a la anchura del formulario.
* **Fijo**: el ancho del control será fijo, no variará para adaptarse a la anchura del formulario.
* **Proporcional**: el ancho del control crecerá con el formulario siguiendo las mismas proporciones establecidas en el editor con respecto al resto de los controles del layout.

## Alto en layout

Permite establecer cómo se comportará el control dentro del layout. Los valores posibles son:

* **Por defecto**: asume el comportamiento que tiene establecido el tipo de control en el sistema. Este control, por defecto, crece en altura proporcionalmente a la altura del formulario.
* **Fijo**: la altura del control será fija, no variará para adaptarse a la altura del formulario.
* **Proporcional**: la altura del control crecerá con el formulario siguiendo las mismas proporciones establecidas en el editor con respecto al resto de los controles del layout.

{% hint style="success" %}
Para la ejecución e dispositivos móviles recomendamos dejar al final del formulario incluido en un área de scroll un espacio en blanco, para que el teclado no tape los controles del final. Para ello podríamos usar un [espaciador fijo](../layout).
{% endhint %}
