Personalizar formulários no PowerAppsCustomize forms in PowerApps

Personalize os controles Exibir formulário e Editar formulário de forma que eles apresentem os dados que mais importam, na ordem mais clara e nos controles que ajudam os usuários a compreenderem e atualizarem 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 consiste em uma ou mais fichas, cada uma mostrando os dados de uma determinada coluna na fonte de dados.Each form comprises one or more cards, each of which shows data from a particular column in the data source. Seguindo as etapas neste tópico, você pode especificar quais fichas aparecem em um formulário, movê-las para cima e para baixo em um formulário e configurar como os dados de cada coluna aparecem em uma ficha.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 você não estiver familiarizado com o PowerApps, consulte a Introdução ao PowerApps.If you're unfamiliar with PowerApps, see Introduction to PowerApps.

Pré-requisitosPrerequisites

Você pode examinar este tutorial para ver apenas os conceitos gerais ou pode seguir exatamente se concluir essas etapas.You can review this tutorial for general concepts only, or you can follow it exactly if you complete these steps.

  1. Crie uma conexão do PowerApps com o SharePoint.Create a connection from PowerApps to SharePoint.

  2. Crie a lista do SharePoint que Personalizar um layout descreve.Create the SharePoint list that Customize a layout describes.

  3. Gere um aplicativo automaticamente com base na lista.Generate an app automatically based on that list.

  4. Na barra de navegação à esquerda, clique ou toque em um ícone no canto superior direito para mudar para o modo de exibição em miniatura.In the left navigation bar, click or tap an icon in the upper-right corner to switch to the thumbnail view.

    Alternar entre modos de exibição

Mostrar e ocultar fichasShow and hide cards

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

    Selecionar a tela de detalhes

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

    Selecionar uma ficha

  3. No painel direito, clique ou toque na caixa de seleção do cartão AccountID para ocultá-lo e clique ou toque na caixa de seleção da coluna ID para exibi-la.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 ficha

Reordenar as fichasReorder the cards

  • Clique ou toque na ficha Title para selecioná-la, em seguida, arraste sua barra de título para cima até a ficha OrderDate ser destacada.Click or tap the Title card to select it, and then drag its title bar up until the OrderDate card is highlighted.

    Mover ficha

    A ficha que você está movendo aparecerá logo acima da ficha destacada quando você soltar o botão do mouse.The card that you're moving will appear just above the card that's highlighted when you release the mouse button.

    Fichas reordenadas

Executar o aplicativoRun the app

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

    Miniatura de BrowseScreen1

  2. Abra o modo de Visualização pressionando F5 (ou selecionando o ícone Visualização no canto superior direito).Open Preview mode by pressing F5 (or by selecting the Preview icon near the upper-right corner).

    Ícone de Visualização

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

    Adicionar registro

  4. Adicione os dados desejados, clique ou toque no ícone da marca de seleção no canto superior direito para salvar o novo registro na lista do SharePoint e retornar 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.

    Salvar registro

  5. Clique ou toque na seta do item que você acabou de criar para mostrar 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 adição para atualizar um registro em EditScreen1.In the upper-right corner, click or tap the edit icon to update the record in EditScreen1.

    Editar registro

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

    Salvar alterações

  8. No canto superior direito, clique ou toque no ícone da lixeira para excluir o registro que você acabou de atualizar e retornar para 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.

    Excluir registro

  9. Feche o modo de Visualização pressionando Esc (clicando ou tocando no ícone Fechar no canto superior esquerdo, na 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 modo de Visualização

Próximas etapasNext steps

  • Pressione Ctrl-S para salvar seu aplicativo para que possa executá-lo a partir de outros dispositivos.Press Ctrl-S to save your app so that you can run it from other devices.
  • Compartilhe o aplicativo para que outras pessoas possam executá-lo.Share the app so that other people can run it.