Como Fazer

Power Apps: personalize um formulário de lista do SharePoint

Luiz Antonio Sgargeta
- Sócio fundador e CEO da Trinapse, IA aplicada, Microsoft 365 e Power Platform
· 3 min de leitura
TRINAPSE - 78 - Power Apps personalize um formulário de lista do SharePoint

O Power Apps pode ser usado para personalizar um formulário de lista do SharePoint. Por exemplo, você pode querer alterar um tipo de controle,, alterar o tamanho do formulárioe etc. Ele pode fazer tudo isso e muito mais. A personalização de formulários costumava ser feita com formulários do InfoPath , mas o Power Apps é a maneira mais moderna de fazer isso. Neste artigo, mostrarei como criar um formulário de lista do SharePoint com Power Apps.

Introdução

Os gerentes de uma empresa de construção usam uma lista do SharePoint para registrar entrevistas de emprego e acompanhar as classificações dos candidatos. Quando um gerente deseja criar uma nova entrevista de emprego na lista do SharePoint, ele pressiona o botão novo e um formulário personalizado do Power Apps aparece.

Configure a lista do SharePoint

Crie uma nova lista do SharePoint chamada Entrevistas Empregocom a seguinte coluna

  • Título
  • Nome Candidato
  • Telefone Candidato
  • E-mail Candidato
  • Avaliação
  • Entrevistador

Quando um usuário pressiona o novo botão, aparece um formulário de lista do SharePoint semelhante a este.

Formulário SharePoint — Configure a lista do SharePoint (imagem 1 de 2)

Power Apps Studio

Acesse a lista Entrevistas Emprego SharePoint e selecione o botão Integrar no menu. Escolha Power Apps e depois Personalizar formulários .

Personalização Formulário SharePoint

O formulário de lista do SharePoint aparecerá no Power Apps Studio. Podemos usar o Power Apps para modificar o formulário da maneira que quisermos.

Formulário Power Apps — Power Apps Studio (imagem 1 de 5)

Transforme uma entrada de texto em um controle de classificação

Por padrão, uma coluna de tipo numérico aparecerá como uma entrada de texto no formulário de lista do SharePoint. Queremos excluir o controle de entrada de texto da coluna Classificação e substituí-lo por um controle de classificação. Selecione a entrada de texto Rating (neste caso DataCardValue6) e clique no ícone para desbloqueá-lo.

Formulário Power Apps — Transforme uma entrada de texto em um controle de classificação (imagem 2 de 5)

Remova a entrada de texto Avaliação.

Formulário Power Apps — Transforme uma entrada de texto em um controle de classificação (imagem 3 de 5)


Adicione um novo controle de classificação ao cartão em seu lugar.

Formulário Power Apps — Transforme uma entrada de texto em um controle de classificação (imagem 4 de 5)

Use esses valores nas propriedades X e Y do controle de classificação para posicioná-lo onde a entrada de texto estava anteriormente.

X: 32
Y: DataCardKey4.Y + DataCardKey4.Height + 5

A seguir, devemos indicar qual valor numérico escrever na lista do SharePoint com base no número de estrelas escolhidas no controle de classificação. Selecione o cartão de dados para o campo de classificação.

DataCardValue4.Value

Em seguida, altere a propriedade Update para este valor.

Além disso, use este código na propriedade Padrão para garantir que a classificação da propriedade apareça ao editar um item.

Parent.Default

Formulário Power Apps — Transforme uma entrada de texto em um controle de classificação (imagem 5 de 5)

Definir o tamanho da tela do formulário

O formulário de lista do SharePoint é muito longo para caber todos os campos na tela de uma só vez. Podemos resolver esse problema tornando o formulário mais amplo e alterando-o de um layout de 1 coluna para um layout de 2 colunas. Abra o menu Configurações do Power Apps .

Vá para Exibição . O valor padrão para Orientação é Retrato e o tamanho será Grande .

Display Power Apps — Definir o tamanho da tela do formulário (imagem 1 de 4)

Altere a orientação para paisagem. Confirme sua decisão quando o Power Apps avisar que o design do aplicativo pode ser afetado pela mudança de orientação.

Display Power Apps — Definir o tamanho da tela do formulário (imagem 2 de 4)

Reposicione o formulário de lista do SharePoint para que caiba na parte superior da tela recém-redimensionada.

Use este código nas propriedades Height e Width do formulário para fazê-lo cobrir a tela.

Height: App.Height
Width: App.Width

Enquanto selecionado no formulário de lista do SharePoint, altere a propriedade Colunas para 2 e deixe a propriedade Layout como vertical.

Display Power Apps — Definir o tamanho da tela do formulário (imagem 3 de 4)

Agora que o formulário foi redesenhado ele pode mostrar todos os seus campos na tela sem rolar.

Display Power Apps — Definir o tamanho da tela do formulário (imagem 4 de 4)

Reverter para o formulário de lista original do SharePoint

Se mudarmos de ideia e quisermos usar o formulário de lista original do SharePoint novamente, poderemos fazê-lo. Abra as configurações da lista do SharePoint e selecione Configurações de formulário .

Escolha Usar o formulário padrão do SharePoint e pressione OK.

Formulário SharePoint — Reverter para o formulário de lista original do SharePoint (imagem 2 de 2)

O formulário de lista original do SharePoint aparecerá agora em vez do formulário personalizado do Power Apps.

Veja também nosso artigo sobre Power Apps: um fator de mudança para empresas modernas.

Luiz Antonio Sgargeta
Sócio fundador e CEO da Trinapse, IA aplicada, Microsoft 365 e Power Platform

Luiz Antonio Sgargeta é sócio fundador e CEO da Trinapse, consultoria brasileira de Microsoft 365 com quase duas décadas de operação, acumula mais de 20 anos em desenvolvimento de software e em ambientes corporativos de alta complexidade.

Ver maisVer menos

Trabalha com SharePoint desde o SharePoint Portal Server 2003 e com .NET desde a versão 1.0. Acompanhou a plataforma em todas as suas reinvenções, do portal de documentos on-premises ao SharePoint Online dentro do Microsoft 365, o que dá a ele uma leitura rara sobre o que muda de verdade e o que é apenas nome novo para o mesmo problema.

No início da carreira atuou em uma das maiores operações de e-commerce do país, em sistemas que não toleram degradação de performance nem indisponibilidade, essa origem definiu o critério que ele aplica até hoje: solução boa é a que sustenta volume real, integra com o legado que já existe e não quebra no pico.

Depois disso, passou por praticamente todo tipo de projeto corporativo, de portais e intranets de milhares de usuários a integrações críticas e automação de processos de ponta a ponta, sempre em grandes empresas e em desafios de alta exigência.

A marca do trabalho dele é a tradução entre tecnologia e negócio, levanta a necessidade real por trás do pedido do cliente, questiona o processo antes de automatizá-lo e desenha a solução pelo resultado esperado, não pela ferramenta disponível, é o que permite conversar com a diretoria sobre retorno e com o time técnico sobre arquitetura na mesma reunião.

Hoje lidera a frente comercial e estratégica da Trinapse e conduz a empresa no novo ciclo da inteligência artificial, com foco em agentes de IA e operação de processos assistida por IA para cooperativas de crédito, agronegócio e indústria. Escreve no blog da Trinapse desde 2019, com mais de 450 artigos sobre IA, SharePoint, Power Platform, Modern Workplace e transformação de processos, sempre a partir de projeto entregue e não de teoria.

LinkedIn
Compartilhar:

Precisa aplicar isso na sua empresa? Fale com nossos especialistas.

Falar com um especialista