Personalizar formularios en PowerAppsCustomize forms in PowerApps

Personalice un control Mostrar formulario y un control Editar formulario para que muestren los datos más importantes, en el orden más intuitivo y en los controles que ayudarán a los usuarios a comprender y actualizar los datos fácilmente.Customize a Display form control and an Edit form control so that they show the data that matters most, in the most intuitive order, and in the controls that help users easily understand and update the data.

Cada formulario consta de una o más tarjetas, cada una de las cuales muestra datos de una columna determinada del origen de datos.Each form comprises one or more cards, each of which shows data from a particular column in the data source. Siga los pasos descritos en este tema para especificar qué tarjetas aparecen en un formulario, subir o bajar las tarjetas dentro de un formulario y configurar cómo aparecen los datos de cada columna dentro de una tarjeta.By following the steps in this topic, you can specify which cards appear in a form, move cards up and down within a form, and configure how data from each column appears within a card.

Si no está familiarizado con PowerApps, consulte Introducción a PowerApps.If you're unfamiliar with PowerApps, see Introduction to PowerApps.

Requisitos previosPrerequisites

Puede consultar este tutorial para ver los conceptos generales o puede seguirlo exactamente y completar estos pasos.You can review this tutorial for general concepts only, or you can follow it exactly if you complete these steps.

  1. Crear una conexión desde PowerApps a SharePoint.Create a connection from PowerApps to SharePoint.
  2. Crear la lista de SharePoint que se describe en Personalizar un diseño.Create the SharePoint list that Customize a layout describes.
  3. Generar una aplicación automáticamente basándose en esa lista.Generate an app automatically based on that list.
  4. En la barra de navegación izquierda, haga clic o pulse en uno de los iconos de la esquina superior derecha para cambiar a la vista en miniatura.In the left navigation bar, click or tap an icon in the upper-right corner to switch to the thumbnail view.

    Alternancia de las vistas

Mostrar y ocultar las tarjetasShow and hide cards

  1. En la barra de navegación izquierda, haga clic o pulse la miniatura intermedia para seleccionar DetailsScreen1.In the left navigation bar, click or tap the middle thumbnail to select DetailsScreen1.

    Pantalla de selección de detalles

  2. Haga clic o pulse en cualquier tarjeta para seleccionarla y mostrar las opciones de personalización de formularios en el panel derecho.Click or tap any card to select it and show the form-customization options in the right-hand pane.

    Seleccionar una tarjeta

  3. En el panel derecho, haga clic o pulse en la casilla de la tarjeta AccountID para ocultarla y en la casilla de la columna ID para mostrarla.In the right-hand pane, click or tap the checkbox for the AccountID card to hide it, and click or tap the checkbox for the ID column to show it.

    Mostrar tarjeta

Reordenar las tarjetasReorder the cards

  • Haga clic o pulse en la tarjeta Title para seleccionarla y arrastre la barra de título hasta que la tarjeta OrderDate aparezca resaltada.Click or tap the Title card to select it, and then drag its title bar up until the OrderDate card is highlighted.

    Mover tarjeta

    La tarjeta que se va a mover aparecerá justo encima de la tarjeta que se resalta cuando se suelta el botón del mouse.The card that you're moving will appear just above the card that's highlighted when you release the mouse button.

    Tarjetas reordenadas

Ejecutar la aplicaciónRun the app

  1. En la barra de navegación izquierda, haga clic o pulse en la miniatura superior para seleccionar BrowseScreen1.In the left navigation bar, click or tap the top thumbnail to select BrowseScreen1.

    Miniatura de BrowseScreen1

  2. Para abrir el modo de vista previa, presione F5 (o seleccione el icono de vista previa situado cerca de la esquina superior derecha).Open Preview mode by pressing F5 (or by selecting the Preview icon near the upper-right corner).

    Icono de vista previa

  3. En la esquina superior derecha, haga clic o pulse en el icono del signo más para agregar un registro a EditScreen1.In the upper-right corner, click or tap the plus icon to add a record in EditScreen1.

    Agregar registro

  4. Agregue los datos que desee y haga clic o pulse en el icono de marca de verificación, en la esquina superior derecha, para guardar el nuevo registro en la lista de SharePoint y volver a BrowseScreen1.Add whatever data you want, and then click or tap the checkmark icon in the upper-right corner to save your new record in the SharePoint list and return to BrowseScreen1.

    Guardar registro

  5. Haga clic o pulse en la flecha del elemento que acaba de crear para mostrar detalles acerca de ese elemento en DetailScreen1.Click or tap the arrow for the item that you just created to show details about that item in DetailScreen1.

    Flecha derecha

  6. En la esquina superior derecha, haga clic o pulse en el icono de edición para actualizar el registro en EditScreen1.In the upper-right corner, click or tap the edit icon to update the record in EditScreen1.

    Editar registro

  7. Cambie la información de uno o varios campos y haga clic o pulse en la marca de verificación de la esquina superior derecha para guardar los cambios en la lista de SharePoint y volver a DetailScreen1.Change the information in one or more fields, and then click or tap the check mark in the upper-right corner to save your changes in the SharePoint list and return to DetailScreen1.

    Guardar cambios

  8. Cerca de la esquina superior derecha, pulse o haga clic en el icono de papelera para eliminar el registro que acaba de actualizar y volver a ExaminarPantalla1.Near the upper-right corner, click or tap the trash-can icon to delete the record that you just updated and to return to BrowseScreen1.

    Eliminar registro

  9. Para cerrar el modo de vista previa, presione Esc (o pulse o haga clic en el icono Cerrar situado cerca de la esquina superior izquierda, debajo de la barra de título de PowerApps).Close Preview mode by pressing Esc (or by clicking or tapping the close icon near the upper-left corner, under the title bar for PowerApps).

    Cerrar el modo de vista previa

Pasos siguientesNext steps

  • Presione Ctrl-S para guardar la aplicación de forma que se pueda ejecutar desde otros dispositivos.Press Ctrl-S to save your app so that you can run it from other devices.
  • Comparta la aplicación para que otras personas puedan ejecutarla.Share the app so that other people can run it.