Tutorial. Diseño de Formulario: TabForms

El componente TabForms te permite definir varias solapas con paneles en los que podrán contener más elementos que definen el formulario (Subpaneles, TextLabel, TexField, ….)

Para insertar un TabForms hay que ir a la barra de herramientas y pulsar el botón 

Aparecerá el componente TabForms en la posición 10,10 del Panel que este seleccionado.

Podemos mover o redimensionar el componente, directamente con el ráton, mediante drag & drop o manuamente en el Panel de Propiedades.


 

 El componente se crea por defecto con una solapa que contiene un panel, como se puede observar en el árbol de jerarquia. Si queremos añadir otra solapa, seleccionamos el compenente TabForms y con el botón derecho del ratón pulsamos para desplegar el menu que nos permitirá añadir, borrar una solapa o borrar el componente.

Cada solapa creada contendrá por defecto un Panel.

En cada Panel podremos insertar cualquier componente del Formulario.

TabForms con 2 solapas. Mostrando el contenido que hemos definido en el Panel de la solapa 0

Como podemos ver en el ejemplo de la imagen anterior en el componente Tabforms hemos definido 2 solapas,

y en el Panel de la solapa 0, hemos insertado 4 componentes: 1 TextLabel, 1 textRelFiel y 2 Textfields.

También podemos ver que hemos renombrado el titulo de las solapas.

Podemos insertar todas las solapas que queramos. y definir deferentes contenidos:

 

Las propiedades del componente TabForms que se pueden definir o modificar son las siguientes:

Propiedades Configurables

  • Name. Podemos definir el titulo de cada solapa
  • Posición x
  • Posición y
  • Anchura
  • Altura
  • Fuente del Texto
  • Tamaño de la fuente de Texto
  • Estilo de la fuente de texto

 

Formulario aplicado a un objeto de la capa:

 

 

Tutorial. Diseño de Formularios. Indice

Share

Formulario de acceso