Personalizar formulários no PowerAppsCustomize forms in PowerApps

Personalize um controlo Apresentar formulário e um controlo Editar formulário para que mostrem os dados realmente importantes, pela ordem mais intuitiva e nos controlos que ajudem os utilizadores a compreender e atualizar facilmente os dados.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 formulário é composto por um ou mais cartões, cada um dos quais mostra os dados de uma coluna específica na origem de dados.Each form comprises one or more cards, each of which shows data from a particular column in the data source. Ao seguir os passos neste tópico, pode especificar quais os cartões apresentados num formulário, mover cartões para cima e para baixo dentro de um formulário e configurar a forma como os dados de cada coluna aparecem dentro de um cartão.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.

Se não estiver familiarizado com o PowerApps, veja Introduction to PowerApps (Introdução ao PowerApps).If you're unfamiliar with PowerApps, see Introduction to PowerApps.

Pré-requisitosPrerequisites

Pode rever neste tutorial apenas os conceitos gerais ou pode segui-lo exatamente se concluir estes passos.You can review this tutorial for general concepts only, or you can follow it exactly if you complete these steps.

  1. Crie uma ligação do PowerApps para o SharePoint.Create a connection from PowerApps to SharePoint.
  2. Crie a lista do SharePoint que Personalizar um esquema descreve.Create the SharePoint list that Customize a layout describes.
  3. Gere automaticamente uma aplicação com base nessa lista.Generate an app automatically based on that list.
  4. Na barra de navegação à esquerda, clique ou toque num ícone, no canto superior direito, para mudar para a vista de miniatura.In the left navigation bar, click or tap an icon in the upper-right corner to switch to the thumbnail view.

    Alternar as vistas

Mostrar e ocultar cartõesShow and hide cards

  1. Na barra de navegação à esquerda, clique ou toque na miniatura ao meio para selecionar DetailsScreen1.In the left navigation bar, click or tap the middle thumbnail to select DetailsScreen1.

    Selecionar o ecrã de detalhes

  2. Clique ou toque em qualquer cartão para selecioná-lo e mostrar as opções de personalização de formulários no painel da direita.Click or tap any card to select it and show the form-customization options in the right-hand pane.

    Selecionar um cartão

  3. No painel da direita, clique ou toque na caixa de verificação do cartão AccountID para o ocultar e clique ou toque na caixa de verificação da coluna ID para o mostrar.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 cartão

Reordenar os cartõesReorder the cards

  • Clique ou toque no cartão Título para selecioná-lo e, em seguida, arraste a barra de título para cima até que o cartão DataEncomenda fique realçado.Click or tap the Title card to select it, and then drag its title bar up until the OrderDate card is highlighted.

    Mover cartão

    O cartão que está a mover irá aparecer imediatamente acima do cartão que está realçado, quando soltar o botão do rato.The card that you're moving will appear just above the card that's highlighted when you release the mouse button.

    Cartões reordenados

Executar a aplicaçãoRun the app

  1. Na barra de navegação à esquerda, clique ou toque na miniatura na parte superior para selecionar BrowseScreen1.In the left navigation bar, click or tap the top thumbnail to select BrowseScreen1.

    Miniatura do BrowseScreen1

  2. Abra o modo de Pré-visualização ao premir F5 (ou ao selecionar o ícone de Pré-visualização perto do canto superior direito).Open Preview mode by pressing F5 (or by selecting the Preview icon near the upper-right corner).

    Ícone de pré-visualização

  3. No canto superior direito, clique ou toque no ícone de adição para adicionar um registo em EditScreen1.In the upper-right corner, click or tap the plus icon to add a record in EditScreen1.

    Adicionar registo

  4. Adicione quaisquer dados que pretende e, em seguida, clique ou toque no ícone de marca de verificação no canto superior direito para guardar o seu novo registo na lista do SharePoint e voltar 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 registo

  5. Clique ou toque na seta do item que acabou de criar para mostrar os detalhes sobre esse item em DetailScreen1.Click or tap the arrow for the item that you just created to show details about that item in DetailScreen1.

    Seta para a direita

  6. No canto superior direito, clique ou toque no ícone de edição para atualizar o registo em EditScreen1.In the upper-right corner, click or tap the edit icon to update the record in EditScreen1.

    Editar registo

  7. Altere as informações num ou mais campos e, em seguida, clique ou toque na marca de verificação no canto superior direito para guardar as alterações na lista do SharePoint e voltar 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 alterações

  8. Junto ao canto superior direito, clique ou toque no ícone do caixote do lixo para eliminar o registo que acabou de atualizar e voltar a BrowseScreen1.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 registo

  9. Feche o modo de Pré-visualização ao premir Esc (ou ao clicar ou tocar no ícone de fechar junto ao canto superior esquerdo, sob a barra de título do 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).

    Fechar o Modo de pré-visualização

Passos seguintesNext steps

  • Prima Ctrl-S para guardar a sua aplicação, para que possa executá-la noutros dispositivos.Press Ctrl-S to save your app so that you can run it from other devices.
  • Partilhe a aplicação para que outras pessoas possam executá-la.Share the app so that other people can run it.