Saltar al contenido

Guía de usuario para navegar la interfaz de usuario en Jitterbit App Builder

Descripción general

Esta guía explora la navegación de la interfaz de usuario de App Builder, cubriendo los siguientes temas:

Para obtener ayuda con la instalación y configuración de App Builder por primera vez, consulte la Guía de instalación. Para preguntas adicionales, comuníquese con vinylinfo@jitterbit.com.

App Builder es una plataforma de desarrollo basada en navegador que permite a varios usuarios crear aplicaciones web contra cualquier cantidad de fuentes de datos, para casos de uso que van desde mostrar información de clientes e inventarios hasta automatizar actualizaciones de nómina y crear portales de clientes personalizados. App Builder es agnóstico con respecto a la plataforma: funciona en cualquier navegador moderno, se conecta a fuentes de datos de prácticamente todos los proveedores de bases de datos principales, y su diseño responsivo se adapta automáticamente a cualquier tamaño de pantalla, incluyendo dispositivos móviles.

Servicio de diseño de paneles

El Servicio de diseño de paneles es el sistema de diseño responsivo propietario de App Builder: permite diseñar una página una sola vez y que App Builder la renderice de manera apropiada sin importar el tamaño de la pantalla. Una aplicación de App Builder se construye a partir de los siguientes componentes básicos, que el servicio de diseño de paneles organiza (consulte también Panel, Página, Diseño y Control en el glosario):

  • Panel: El componente básico de una página. App Builder siempre muestra al menos un panel, incluso en la pantalla más pequeña. Un panel presenta información al usuario, ya sea una colección de filas de datos o un solo registro, formateado de manera estructurada (tabular horizontal o vertical) o personalizada y no estructurada.

  • Página: Una colección de paneles. Una página podría tener solo un panel, o varios.

  • Diseño: Define cómo se muestran los paneles cuando todos están visibles en la pantalla al mismo tiempo. Por ejemplo, los paneles pueden estar apilados verticalmente (panel A encima del panel B) u horizontalmente (panel A a la izquierda del panel B). App Builder también admite agrupar paneles, de modo que el panel A y el panel B puedan estar uno al lado del otro mientras ambos se encuentran encima del panel C, formando A y B su propio grupo.

  • Diapositiva: Un subconjunto de paneles renderizados en una pantalla a la vez. Cuando no todos los paneles caben en la pantalla, App Builder renderiza el subconjunto apropiado como una diapositiva, y permite al usuario deslizar entre diapositivas para ver el resto.

  • Tamaño de pantalla: Se mide en altura y ancho de píxeles, y App Builder lo convierte en varios paneles disponibles. Por ejemplo, una pantalla que cabe en un panel es 1x1 (un panel de alto, uno de ancho); una pantalla más ancha que cabe en dos paneles uno al lado del otro pero sigue siendo solo un panel de alto es 1x2. El tamaño de la pantalla ayuda a App Builder a determinar el mejor diseño para paneles y grupos.

  • Control: Lo que muestra un panel: una cuadrícula completa de datos, una sola entrada, un botón, u otras opciones variadas. Los controles permiten a los usuarios elegir qué información muestra la aplicación y cómo se utiliza.

App Builder utiliza el diseño de una página para determinar qué paneles renderizar y dónde. Dependiendo del tamaño de la pantalla, App Builder puede reducir el número de paneles mostrados mientras sigue respetando el diseño; el Servicio de diseño de paneles decide qué paneles omitir y cómo diseñar los que permanecen.

Cuando el servicio de diseño de paneles omite paneles, crea una colección de diapositivas, cada una contiene un subconjunto de paneles diseñados de acuerdo con el diseño de la página. El usuario ve la primera diapositiva inicialmente y puede navegar a cualquier diapositiva adicional para ver el resto.

Diagrama que muestra la configuración básica de Páginas, Paneles, Controles y Menús

El diseño responsivo de App Builder utiliza cuadrículas flexibles basadas en proporciones (porcentajes relativos en lugar de unidades de píxeles fijos) para proporcionar a las aplicaciones una experiencia de visualización consistente en todos los dispositivos. Los paneles se agrupan y se muestran según su orden, un valor que establece el diseñador de la aplicación, siendo los números más bajos los que tienen prioridad. En un dispositivo móvil, App Builder muestra solo los paneles de mayor prioridad en la pantalla; los demás se pueden alcanzar desplazándose con las flechas en la esquina superior derecha, o a través del Cajón de acciones. En una pantalla más pequeña en general, puede ser necesario desplazarse más para alcanzar cada panel en la aplicación.

Para comenzar a usar App Builder, ingresa tu nombre de usuario y contraseña en la pantalla de inicio de sesión (contacta a un administrador si no tienes credenciales). La página del Menú de sitio muestra cada aplicación a la que tienes acceso, organizadas por prioridad de menú.

attachment

Páginas

Una aplicación de App Builder es el conjunto general de paneles y visualizaciones que cumplen una necesidad específica utilizando los datos disponibles. Cada aplicación contiene al menos una página, donde se muestran los datos mismos. Se puede acceder a cada página desde el menú de navegación o como un vínculo en otra página, y las páginas pueden hacer referencias cruzadas entre sí usando vínculos de texto y páginas emergentes.

Un ejemplo de página de aplicación de App Builder, compuesta de 4 Paneles

Cada página está compuesta de uno o más paneles, ya sea un panel grande único o varios más pequeños agrupados. Debido al diseño responsivo de App Builder, la cantidad de paneles que se muestran a la vez varía según el dispositivo, basándose en el tamaño de la pantalla y la resolución; si una pantalla es demasiado pequeña para mostrar cada panel a la vez, App Builder escala y reposiciona automáticamente los paneles de la página para obtener la mejor experiencia.

Página de aplicación de ejemplo mostrada en un iPad

Páginas asistente

Las páginas de la aplicación App Builder admiten tres opciones de diseño:

  • Lado a lado: App Builder muestra paneles de izquierda a derecha, según el orden.
  • Apilados: App Builder muestra paneles de arriba a abajo, según el orden.
  • Asistente: App Builder muestra paneles uno a la vez, con botones para navegar entre ellos.

Lado a lado y Apilados son sencillos: afectan la forma en que se distribuyen los paneles en la página. Los diseños de Asistente en cambio afectan la forma en que se presenta toda la página, mostrando paneles uno a la vez con botones Anterior, Siguiente y/o Finalizar.

Una página de diseño de Asistente con botones Anterior y Siguiente

En la mayoría de las páginas de la aplicación, haz clic en un botón Editar o en el icono de edición de Lápiz para editar los campos de una tabla de datos. En páginas de Asistente, haz clic en cualquier campo en lugar de eso para que cada campo en ese panel sea editable; navega hasta el último panel y haz clic en Finalizar para guardar los cambios, o haz clic en la X en la esquina superior derecha para descartar la página sin guardar.

Paneles

Cada panel está compuesto de controles. Un control es un conjunto definido de datos que se muestra dentro de un panel, desde un subconjunto de columnas de la tabla de una base de datos hasta un botón o los valores de un gráfico. El tipo de panel utilizado determina cómo se muestra un control.

Cuando un panel contiene más controles de los que caben en la pantalla, haz clic en el icono de Flecha hacia arriba en la esquina superior derecha del panel para maximizar el panel y acceder a cada control. Haz clic nuevamente para devolver el panel a su tamaño predeterminado.

App Builder agrupa sus tipos de panel en las mismas tres categorías que se muestran en el diálogo Crear un Panel: Dinámico, Reporte y Caso Límite. Consulta Paneles para la referencia completa; las secciones siguientes cubren los mismos tipos de panel en el contexto de la navegación diaria.

Grid

Grid es el tipo de panel básico para mostrar múltiples filas de datos a la vez. Este tipo de panel muestra columnas específicas de la tabla de origen de datos seleccionada u objeto. Haz clic en el título de una columna para ordenar sus filas en orden ascendente o descendente.

El número total de filas en un panel Grid aparece en la esquina superior derecha, encima de los títulos de las columnas. Dependiendo del número total de registros, App Builder puede mostrar solo un subconjunto de filas a la vez; haz clic en Cargar más filas, en la parte inferior del panel, para cargar más.

Un ejemplo de panel Grid

Los paneles Grid admiten guardar, buscar y filtrar sus tablas de datos, lo que facilita trabajar con filas específicas. Haz clic en el icono Guardar, en la esquina superior derecha del panel, para guardar la tabla de datos; un diálogo de guardado te permite elegir dónde guardar el archivo. App Builder guarda las tablas de datos como archivos CSV (Valores Separados por Comas), un formato de texto estructurado en tabla que se abre en casi cualquier programa de hojas de cálculo o gestión de bases de datos.

Haz clic en el icono Buscar para abrir una barra de búsqueda en la parte superior del panel, luego escribe una palabra clave y presiona Intro para buscar.

Haz clic en el icono Filtro, en la esquina superior derecha del panel, para filtrar una tabla de datos solo a las filas que coincidan con criterios específicos. Esto abre una ventana emergente que lista los títulos de las columnas:

Pantalla emergente de ejemplo de criterios de filtro

Ingresa tus criterios de filtro en el cuadro de texto, luego haz clic en Ejecutar Filtro. Puedes filtrar por múltiples valores o criterios a la vez.

Nota

Los caracteres comodín disponibles dependen de la fuente de datos subyacente. Por ejemplo, el filtrado de SQL Server usa % (signo de porcentaje) como carácter comodín, mientras que otras fuentes de datos usan * (asterisco).

App Builder muestra un encabezado con los criterios de filtro aplicados, y solo las filas que coincidan con él. Haz clic en la X en la esquina derecha del encabezado de criterios para eliminar el filtro.

Form

Los paneles Form muestran una sola línea de datos de la fuente de datos seleccionada. Este tipo de panel es especialmente útil como ventana emergente o una página de detalle. Cuando un panel Form tiene múltiples controles, cada uno se muestra individualmente.

attachment

Tile

Los paneles Tile combinan el comportamiento de los paneles Grid y Form: como los paneles Grid, muestran múltiples conjuntos de información a la vez, pero organizan los datos de las tablas u objetos de origen en bloques de izquierda a derecha en lugar de en columnas. Al igual que con los paneles Form, los controles se agrupan con otros controles en la misma posición en la tabla de datos.

attachment

File Browser

Los paneles File Browser se vinculan a un sistema de archivos local o de red y se ven similares a un directorio de archivos. Este tipo de panel permite que los usuarios carguen archivos a un servidor y los descarguen a un dispositivo, y admite la navegación de subdirectorios, indicados por un icono de carpeta.

Custom HTML

Los paneles Custom HTML usan plantillas HTML/CSS para mostrar datos e imágenes. Ofrecen un alto grado de control sobre la salida de visualización y se asemejan mucho a una página web estándar.

Charts

Los paneles Chart muestran datos en una representación gráfica. App Builder admite muchos tipos de gráficos, incluyendo Barra, Columna, Línea y Área. Los gráficos pueden vincularse a sus datos subyacentes, por lo que un usuario puede hacer clic para ver los registros de apoyo.

Tipos de control requeridos

  • Categoría: Representa el eje x (horizontal) en el gráfico.
  • Valor: Representa el eje y (vertical) en el gráfico.

Tipos de control opcionales

  • Color: Valor de color utilizado por el gráfico.
  • Ordenar: Te permite aplicar ordenamiento al valor seleccionado.
  • Bandera: Se utiliza para marcar un evento o punto de interés.
  • Objeto de opciones JSON: Objeto JSON que anula las opciones del gráfico.

Las opciones de tipo Gráfico incluyen Barra 3D, Columna 3D, Rosca 3D, Pastel 3D, Área, Área apilada, Barra, Burbuja, Columna, Embudo, Línea, Marimekko, Mixto, Área de porcentaje, Pastel, Pirámide, Rosca semicircular, Spline, Barra apilada y Columna apilada.

Ejemplo de gráfico de columnas vinculado a la cuadrícula correspondiente

Para imprimir un panel Gráfico, haz clic en el menú Cajón de acciones en la esquina derecha del panel y selecciona Imprimir gráfico. Puedes descargar el gráfico como imagen vectorial .PNG, .JPEG, .PDF o .SVG.

Gantt

Gantt es un tipo de panel que muestra un diagrama de Gantt, útil para planificar y programar proyectos: te ayuda a evaluar cuánto tiempo debe tomar un proyecto, determinar los recursos que necesita y planificar el orden en el que completarás sus tareas. Los diagramas de Gantt también son útiles para gestionar dependencias entre tareas.

Para usar un diagrama de Gantt en un panel Gantt, necesitas un objeto de negocio que contenga información para los controles que requiere. Los diagramas de Gantt también pueden representar dependencias de tareas y grupos de tareas, siempre que esa información esté configurada en el objeto de negocio.

Tipos de control requeridos

  • Tarea: Representa una tarea individual del proyecto que se está rastreando.
  • Fecha de inicio: Representa la fecha de inicio de la tarea.

Tipos de control opcionales

  • Fecha de finalización: Representa la fecha de finalización de la tarea.
  • Color: Valor de color para la tarea en el gráfico.
  • Dependencia: Determina la relación de la tarea con las otras tareas de las que depende.
  • Tarea principal: Una referencia a otra tarea del objeto de negocio, utilizada para la disposición jerárquica.
  • Ordenar: Te permite aplicar ordenamiento al valor seleccionado.
  • Grupo de tareas: Se utiliza para agrupar o colocar múltiples tareas en la misma fila.

attachment

Marco

Los paneles Marco reservan un espacio en la pantalla en el que se cargan todos los enlaces de página en los que se hizo clic. El tipo de panel Marco no tiene contenido propio; cuando existe un panel Marco en una pantalla, la navegación de página se dirige hacia él en lugar de reemplazar toda la pantalla. Este tipo de panel se utiliza más frecuentemente para mantener visible un menú lateral persistente, con el contenedor del panel Marco renderizando la página dentro de él. Para más detalles, incluyendo cómo vincular fuera de un panel Marco, consulta Panel Marco.

attachment

Calendario

Los paneles Calendario rellenan un calendario con información de la fuente de datos seleccionada. Al igual que los paneles Gráfico, los paneles Calendario pueden vincularse a otro panel para mostrar más detalles sobre un evento en el calendario.

Tipos de control requeridos

  • Descripción: Designa lo que aparece en el calendario; típicamente el nombre de un evento.
  • Inicio del evento: Designa en qué día comienza el evento; puede incluir marcas de tiempo mostradas junto a la descripción del evento.
  • Fin del evento: Designa en qué día termina el evento; puede incluir marcas de tiempo mostradas junto a la descripción del evento.

Tipos de control opcionales

  • Color: Valor de color utilizado por el calendario para indicar eventos.
  • Ordenar: Te permite aplicar ordenamiento a los valores seleccionados.

Para cambiar la fecha y la hora de un evento:

  1. Selecciona el evento.
  2. En el panel que muestra la información del evento, haz clic en el icono de Lápiz.
  3. Ajusta la fecha y la hora según sea necesario, luego haz clic en el icono de Marca de verificación para guardar.

Para agregar un nuevo evento al calendario:

  1. Selecciona cualquier evento existente y haz clic en el botón Agregar.
  2. Ingresa un título para el evento y luego selecciona una fecha del menú desplegable del calendario.
  3. Para controles con hora y fecha habilitadas, haz clic en el icono Hora para abrir un reloj.
  4. Haz clic en el icono de Marca de verificación para guardar.
  5. Actualiza la página para ver tus cambios reflejados.

attachment

Pivot

Los paneles Pivot muestran una tabla dinámica con información de una fuente de datos.

Tipos de control requeridos

  • Columna: Completa los encabezados de columna.
  • Fila: Completa los encabezados de fila.
  • Valor: Muestra los datos relevantes de la fuente.

attachment

Gráfico de red

Los paneles Gráfico de red muestran interconexiones entre un conjunto de entidades. Cada entidad se representa mediante un nodo y las conexiones entre nodos se representan a través de enlaces.

Tipos de control requeridos

  • Desde: El nodo del que proviene este enlace.
  • Nodo: El nodo Gráfico de red en sí.
  • Etiqueta de nodo: La etiqueta del nodo Gráfico de red.

Tipos de control opcionales

  • Objeto de opciones JSON: Objeto JSON que anula las opciones del gráfico.
  • Color de enlace: El color del enlace Gráfico de red.
  • Color: Valor de color para un evento o tarea.

attachment

Carril

Los paneles Carril muestran información agrupada. Son similares a los paneles Tile en que muestran datos agrupados en formato de panel Formulario, pero se pueden configurar vertical u horizontalmente.

attachment

Mapa

Los paneles Mapa muestran un mapa en el que los controles se pueden visualizar por ubicación geográfica. Se pueden elegir diferentes mapas, proporcionados a través de la API de Highmaps, según los datos que desees mostrar.

Nota

Los nombres de regiones de mapa en tu objeto de negocio subyacente deben coincidir con identificadores de los mapas fuente de Highmaps. Por ejemplo, si tu objeto de negocio tiene nombres de condados de EE.UU., esos nombres pueden no ser únicos por sí solos, por lo que necesitarás una columna que coincida con la clave de Highmaps en su lugar.

Tipos de control requeridos

  • Categoría: País, estado, etc.
  • Valor: Valor asociado con la categoría.

Tipos de control opcionales

  • Objeto de opciones JSON: Objeto JSON que anula las opciones del gráfico.
  • Color: Valor de color para un evento o tarea.

Para obtener información adicional sobre paneles Mapa, consulta el artículo Panel de mapa. Para documentación sobre los mapas fuente proporcionados en el panel Mapa, consulta Highcharts Maps.

attachment

Hay dos formas principales de navegar entre páginas en aplicaciones. En un dispositivo de pantalla grande, las páginas aparecen como enlaces de texto en la esquina superior derecha de la pantalla, y el número mostrado depende del ancho de pantalla disponible. Aunque esta es la forma más rápida y fácil de cambiar entre páginas, no es viable en dispositivos más pequeños, como un smartphone o una tablet.

Sin embargo, se puede acceder a todas las páginas en cualquier momento abriendo el Cajón de acciones. Al hacer clic, el icono del Cajón de acciones se convierte en una X, que luego se puede hacer clic para cerrarlo. Se muestra un encabezado con la aplicación actualmente abierta, así como todas las páginas contenidas en la aplicación. Simplemente haz clic en la página deseada para ir a ella.

Menú Cajón de acciones

Las páginas se pueden configurar para vincularse directamente entre sí. Este vínculo se puede agregar como un botón, una imagen o un vínculo de texto, un icono de chevron () en el lado derecho de la página, o un panel. Cuando se utiliza un panel para vincular a otra página, su configuración de Link Target y Replace Page In History controlan cómo se comporta ese vínculo; consulta Configura cómo se abren las páginas vinculadas a continuación.

Configura cómo se abren las páginas vinculadas

Un panel utilizado para vincular a otra página tiene dos configuraciones relacionadas en la pestaña Edge Case en la sección Navigation:

  • Link Target: Controla dónde se abre la página vinculada:

    • _blank: Abre el vínculo en una nueva pestaña o ventana, según la configuración del navegador del usuario.
    • _parent: Abre el vínculo en el marco principal, si la aplicación se carga en un iframe de otra aplicación.
    • _self: Abre el vínculo en la ventana actual.
    • _top: Abre el vínculo en el marco más superior, si la aplicación se carga en varios iframes de otra aplicación.
    • App Builder: Abre el vínculo en la instancia actual de App Builder.
    • App Builder - Exit Frame Panel: Abre el vínculo en App Builder, saliendo del panel Frame; consulta Sal del panel Frame para obtener más detalles.
  • Replace Page In History: Controla a dónde regresa el botón < Back después de que se carga la página vinculada. Normalmente, navegar a una nueva página agrega una nueva parada al historial de páginas, por lo que hacer clic en < Back regresa a la página de la que el usuario acaba de venir. Al habilitar Replace Page In History, se salta ese paso: en lugar de agregar una nueva parada, la página vinculada reutiliza el destino < Back de la parada anterior, por lo que hacer clic en < Back omite la página que el usuario acaba de dejar e ir una página más atrás. Por ejemplo, si una página emergente se vincula a otra página con esta configuración habilitada, < Back lleva al usuario a la página desde la cual se abrió la ventana emergente, en lugar de regresar a la ventana emergente. Esto mantiene < Back apuntando a una página consistente para la página vinculada, independientemente de desde qué página navegó un usuario para llegar a ella.

No todos los tipos de panel admiten Link To Page y Link Target.

Si el destino de un vínculo cambia a uno que no admite Replace Page In History (por ejemplo, cambiar Link Target para abrirse en una nueva pestaña del navegador en lugar de la actual), App Builder desactiva automáticamente Replace Page In History en lugar de dejarla habilitada sin efecto.

Link Target también aparece a nivel de control, revelado una vez que el campo Link to URL de un control tiene un valor; consulta Link to URL. Para vincular el valor de un control directamente a una página en su lugar, consulta Link To Page. Para vincular desde un panel Frame específicamente, consulta Sal del panel Frame.

Menús anidados

Los vínculos de texto de navegación en la parte superior de una página pueden contener menús anidados. Estos menús anidados son una lista expandida de vínculos que se almacenan bajo un encabezado y se puede acceder a ellos haciendo clic en la flecha desplegable junto al encabezado.

Configuration es un ejemplo de Menú Anidado

A veces, una página no requerirá una redirección completa (como la página de vista de edición o detalle), sino que se puede mostrar en una ventana emergente que aparece encima de una página base. Generalmente se accede a estas páginas haciendo clic en un vínculo o haciendo clic en el icono Popup. Pueden tener múltiples páginas o paneles en sí, que se pueden desplazar como una página estándar. Para regresar a la pantalla principal, haz clic en la X en la esquina superior derecha.

Página Popup de ejemplo que contiene un panel Form

Paneles de edición

Agregar, editar y eliminar datos del panel

Los desarrolladores de App Builder tienen control total sobre si las opciones Insertar, Editar y Eliminar están disponibles en un panel, dependiendo del caso de uso empresarial. Si aparece un mensaje de validación mientras editas un panel, haz clic en Continuar para seguir adelante o en Cancelar para detener.

Para agregar información a un panel, haz clic en el botón Crear en la esquina superior izquierda del panel. Aparece un cuadro de texto para cada columna, ya sea en la parte superior o inferior del panel dependiendo de cómo esté configurado; complétalo y haz clic en el icono de Marca de verificación para guardar, o haz clic en la X para cancelar.

Para eliminar información de un panel, haz clic en su icono de Bote de basura o en el botón Eliminar, luego haz clic en Continuar si aparece un mensaje de validación.

Para editar información en un panel, haz clic en su icono de Lápiz o en el botón Editar; aparece un cuadro de texto en cada columna editable. Complétalo y haz clic en el icono de Marca de verificación para guardar, o haz clic en la X para cancelar. Un panel también puede estar configurado para ser siempre editable, en cuyo caso puedes hacer clic directamente en un campo, realizar tu cambio y luego hacer clic fuera del campo para guardarlo.

Auditoría lite

App Builder ofrece dos formas de rastrear información de auditoría dentro de una aplicación: Auditoría Lite, descrita en esta sección, y Auditoría completa, descrita en Auditoría completa a continuación, que requiere configuración adicional para habilitarla.

Los paneles que necesitan seguimiento de cambios, especialmente para un proyecto o actualización sensible al tiempo, pueden incluir un botón de Auditoría Lite, que rastrea la siguiente información para una tabla:

  • AddedBy: El nombre de usuario de la persona que agregó el registro.
  • AddedOn: La fecha en que se agregó el registro.
  • ChangedBy: El nombre de usuario de la persona que modificó el registro por última vez.
  • ChangedOn: La fecha en que se modificó el registro.

Cuando Auditoría Lite está habilitada, los paneles de Cuadrícula y Formulario en una aplicación muestran estos datos de seguimiento. Los usuarios con permiso para leer la información de auditoría de una tabla pueden verla haciendo clic en el botón Auditoría en la aplicación en ejecución.

Auditoría completa

Auditoría completa está habilitada de forma predeterminada para fuentes de datos y tablas recién creadas. Esta función de auditoría complementa Auditoría Lite, registrando cambios a nivel empresarial en tus datos para que puedas revisarlos más tarde. Cuando habilitas Auditoría completa, App Builder crea una tabla de registro de auditoría especial, denominada App BuilderAuditLog, en tu fuente de datos y captura cambios allí para cada tabla con Auditoría completa habilitada.

De forma predeterminada, App Builder no limpia ni purga automáticamente los registros almacenados en la tabla de Auditoría completa. Para cambiar este comportamiento, consulta la función Configuración de auditoría, que permite a un administrador configurar un período de retención después del cual App Builder purga registros de auditoría más antiguos. Para obtener más información, consulta Auditoría completa.

Solución de problemas

No se puede encontrar una selección de menú, página de aplicación o panel, aunque se haya agregado en el lugar correcto

Al navegar por una aplicación, ten en cuenta el tamaño de la pantalla. Debido al diseño receptivo de App Builder, el formato de una página puede cambiar ligeramente en pantallas más pequeñas: los paneles apilados pueden aparecer en un menú navegable en su lugar, o una columna puede estar oculta para mantener visible los datos más importantes. La navegación de la página también puede trasladarse de la barra superior al Cajón de acciones.

Una nueva aplicación falta en la lista de Aplicaciones, o los cambios en elementos del menú, páginas, paneles o controles no aparecen al probar una aplicación

Actualiza el navegador (F5, en la mayoría de los navegadores) para ver los cambios realizados en las páginas, paneles o controles de una aplicación actualizada. Si actualizar no muestra los cambios, realiza la edición nuevamente y asegúrate de hacer clic en Guardar o Continuar.

Una aplicación está abierta y funcionando, pero no hay forma de editarla

La capacidad de editar los datos de una aplicación varía según el usuario, en función de los permisos que haya otorgado un administrador. Es posible que algunos usuarios no tengan permiso para editar páginas; comunícate con un administrador para verificar que se haya otorgado permiso de edición.