Introducción Parte 3

From Lianjapedia
Jump to: navigation, search

Vea También

Getting Started (Video)

Read this in English

Introducción Parte 1

Introducción Parte 2

Introducción Parte 4

Ampliar su primera Aplicación

Agregar una página nueva

Página nueva


Ahora vamos a darle vida a la aplicación mediante la creación de una página adicional que proporciona información sobre los empleados.

Cree una nueva página en blanco: haga clic en el icono 'Page' en las Form Tools (herramientas de formulario) Y seleccione Blank.

El Name, Title y Caption de la página se les dará el valor pageN donde N es el número de página siguiente.


Agregar una sección Form

Sección Form


Haga clic en la tabla 'employees' y arrastrarlo hasta la página en blanco para crear una sección Form


Agregar un gadget de imágenes

Image Gadget


Haga clic y arrastre el tirador azul en el centro del borde inferior de la sección seleccionada para cambiar su tamaño.

Luego desplácese hasta la columna 'Photograph' en el explorador 'Columns', selecciónelo y arrástrelo a la sección Form.

Esto agregará automáticamente un gadget de imágenes (Image Gadget) para la columna 'photo'.

La columna 'photo' es un blob (objeto binario grande) previamente cargado con un archivo de imagen de foto de empleado.


Personalizar los campos

Icono de edición



El título (Caption) para los campos en la sección Form se puede personalizar moviendo el cursor del ratón sobre el título y haciendo clic en el icono de edición (Edit).


Eliminar un campos


Puede eliminar los campos que no desea que aparezcan haciendo clic en el icono de eliminación (Remove).


Separadores y Subtítulos

Agregar un subtítulo


Se puede hacer clic y arrastrar los campos en una sección Form para cambiar el orden de visualización.

También puede agregar Subtitles (subtítulos), Horizontal Separators (separadores horizontales), Column Dividers (separadores de columna) o Spacers (espaciadores) a la sección haciendo clic en el icono Dividers en las Form Tools.

Una vez que el Subtitle (subtítulo) aparece en la sección Form puede arrastrarlo a una posición adecuada.


Subtitles son títulos horizontales que se pueden colocar en cualquier lugar del formulario. Column Dividers son títulos horizontales en la parte superior de una columna vertical. Horizontal Separators se muestran como una línea horizontal, mientras que los Spacers se usan para proporcionar un espacio en blanco entre campos y otros controles.

Personalizar los Subtítulos

Personalización de Subtítulos



Agregue dos Subtitles y edite sus títulos, como se muestra.


Agregar una sección Webview

Agregar una sección Webview


Ahora arrastre el campo 'Notes' sobre la página. Por defecto, el campo (memo) 'Notes' se muestra en una sección Webview.

Tenga en cuenta que la sección Webview permite que cualquier contenido de la web se represente en una sección.

La URI especificada puede contener referencias a los registros de datos activos de otras secciones.

Para hacer referencia a los datos de la URI use llaves, por ejemplo: {CUSTOMERS.NAME}. Ésto permite que el contenido web sea relacionado con los datos de la base de datos.


Personalizar las páginas

Personalizar las páginas


Asegúrese de que los atributos de página (Page) están seleccionados en el App Inspector y cambie el Title: el texto que aparece en el menú páginas (haga clic en el icono de hamburguesa para mostrar el menú páginas) y el Caption - el texto que aparece en el encabezado de página.

Y cambie el atributo Caption para las secciones como antes.


Personalizar las páginas


Para las páginas 'Customers' y 'Employees', cambie el atributo Stretch last section a 'True' (verdadero).

Esto amplía la sección inferior para llenar la página.

Tenga en cuenta que en la vista de desarrollo el menú páginas se puede acceder desde la hamburguesa en la barra de encabezado.


Personalizar el gadget de imágenes

Personalizar el gadget de imágenes


Cambie los atributos Fixed width (ancho fijo) y Fixed height (altura fija) del gadget de imágenes (400).


Desktop App View

Desktop App View


Para ver la aplicación ampliada en vista en tiempo de ejecución, haga clic en el icono Desktop App View de la barra de encabezados.

Introducción Parte 4