activities
latest
false
Importante :
A tradução automática foi aplicada parcialmente neste conteúdo.
UiPath logo, featuring letters U and I in white
Atividades do fluxo de trabalho
Last updated 13 de nov de 2024

Uso de ferramentas de desenvolvimento com formulários

Você pode experimentar a aparência ou o layout dos formulários usando as Ferramentas de Desenvolvedor. Sempre que você executar um formulário, se você clicar com o botão direito do mouse nele e selecionar Inspecionar, as Ferramentas de Desenvolvimento serão abertas. Este tutorial mostra como testar estilos CSS nas Ferramentas de Desenvolvedor. Este exemplo mostra como alterar a cor de todos os títulos de Campo de Texto dentro de uma Grade de Dados.
Observação: as alterações que você aplica nas Ferramentas de Desenvolvedor são temporárias. Se quiser aplicá-los permanentemente ao formulário, você deve inserir seu código CSS personalizado dentro do campo de propriedade CSS Personalizado do formulário e, em seguida, aplicá-lo para cada componente que deseja estilo, usando a propriedade Classe CSS Personalizada de um .xlsm.
  1. Execute um formulário que tenha uma Grade de dados com componentes de Campo de texto dentro.
  2. Clique com o botão direito do mouse dentro do formulário e selecione Inspecionar.
  3. Para focar no elemento exato ao qual você deseja aplicar estilos CSS, selecione docs imageou pressione Ctrl + Shift + C. Agora é possível selecionar o título do componente Campo de texto .
  4. Na seção Estilos das Ferramentas de Desenvolvedor, você pode ver várias classes CSS. Para este exemplo, encontre a classe .table e altere a propriedade color para violet.


  5. Agora vamos aplicar essa cor permanentemente na Grade de Dados. No painel Propriedades do formulário, insira a seguinte classe CSS no campo CSS personalizado :
    .color-change {
        color: violet
        }.color-change { cor: roxo }
  6. Edite um Campo de Texto dentro do seu formulário e acesse a aba Exibir .
  7. Em Personalizar Classe CSS, insira a classe CSS personalizada que você adicionou na etapa cinco.


    Salve o componente e verifique os resultados.

Esta página foi útil?

Obtenha a ajuda que você precisa
Aprendendo RPA - Cursos de automação
Fórum da comunidade da Uipath
Uipath Logo White
Confiança e segurança
© 2005-2024 UiPath. Todos os direitos reservados.