nxar.Aprender
Fundamentos: modelá tu negocio0 de 8 capítulos
  1. 1Tu primera entidad
  2. 2Campos
  3. 3Reglas de datos
  4. 4Tipos de registro
  5. 5La página del registro
  6. 6Permisos
  7. 7Visibilidad
  8. 8Comprobalo

Casos de uso

  1. ·Ocultar un campo a un rol
  2. ·Un estado distinto por tipo de registro
  3. ·Mostrar los registros hijos en el padre
  4. ·Que cada vendedor vea solo lo suyo

← Volver al recorrido

Capítulo 5 de 8 · 15 min

La página del registro

Diseñás la página del Trámite con encabezado, datos clave y pestañas, ordenás la lista de trámites y mostrás los trámites de cada cliente en su Cuenta.

Hasta ahora definimos qué datos tiene un trámite. Ahora definimos cómo se ven. Nxar separa las dos cosas: la Record Page es el diseño de la página que se abre al entrar a un registro, y se arma con un editor visual (el Page Builder) arrastrando componentes. Una entidad puede tener varias páginas y decidir cuál ve cada equipo; eso lo usamos en el capítulo de permisos.

Tres piezas hacen la diferencia: un encabezado con el número y el tipo, unos highlights con los datos que se miran primero, y pestañas para que los datos y el seguimiento no compitan por el espacio. Del lado del cliente, una Related List muestra los registros de otra entidad que apuntan a él: los trámites cuyo campo Cliente es esa Cuenta.

El Page Builder tiene sus textos en inglés; acá los nombramos tal como aparecen.

Abrí la página del Trámite

ConfiguraciónConstructor de appEntidadesTrámiteRecord Pages

Hay una sola página, Default, con la audiencia Everyone. Hacé clic en ella: el builder ocupa toda la pantalla. Por ahora tiene un único bloque, Record Details, con el Número.

Elegí la estructura

Arriba, en el selector de plantilla, elegí Header + Main + Right: una banda superior, una columna principal y una lateral. Lo que ya había pasa a la principal.

Encabezado y datos clave

De la paleta de la izquierda (grupo Standard), arrastrá a la banda superior:

  • Record Header: el número del trámite, la etiqueta del tipo y el botón de eliminar.
  • Highlights Panel: seleccionalo y, en Properties → Fields, marcá Estado, Vencimiento y Cliente.

Pestañas para los datos y el seguimiento

Arrastrá Tabs (grupo Layout) a la columna principal. En Properties, con + Add tab creá dos: Datos y Seguimiento. En Opens on dejá la primera.

Arrastrá el Record Details que ya existía sobre el nombre de la pestaña Datos para meterlo adentro. Seleccionalo y, con + Add field…, agregá Cliente, Estado, Vencimiento, Período fiscal y Honorarios. En Columns, elegí 2.

En la pestaña Seguimiento, soltá Notes: el hilo de notas del trámite.

Archivos al costado y guardar

Arrastrá Attachments a la columna derecha, para las constancias y los acuses. Hacé clic en Save, arriba a la derecha.

Ordená la lista de trámites

ConfiguraciónConstructor de appEntidadesTrámiteList Views

Editá la vista que viene creada y, en Columnas (separadas por coma), escribí los API Names: name, cliente, estado, vencimiento. Honorarios queda afuera a propósito: las listas las ve todo el equipo.

Los trámites dentro de cada cliente

ConfiguraciónConstructor de appEntidadesCuentasRecord Pages

Abrí la primera página de la lista. Arrastrá Related List a la columna principal y, en Properties:

  • Related entity: Trámites. Como Trámite tiene un solo campo que apunta a Cuentas (Cliente), el campo de relación se elige solo.
  • Dejá marcado Show “New” button y marcá Show search bar.

Save.

Una pestaña o una grilla es dueña de lo que tiene adentro: si borrás la pestaña, se van sus componentes. El builder te avisa antes. Y no hay pestañas dentro de pestañas: un solo nivel.

Cómo saber que te salió

  • Al abrir un trámite ves arriba el número con la etiqueta Impositivo o Societario, los highlights con Estado, Vencimiento y Cliente, y las pestañas Datos y Seguimiento.
  • La lista de Trámites muestra Número, Cliente, Estado y Vencimiento, sin Honorarios.
  • Al abrir una Cuenta que tiene trámites, aparece la lista de sus trámites, con buscador y botón para crear uno nuevo.

¿Llegaste al resultado de arriba?