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 se concentrar no elemento exato ao qual você deseja aplicar estilos CSS, selecione ou 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
       }

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.