Ir para o conteúdo

Transforme as suas conexões em um bônus de fim de ano com o nosso novo Programa de Indicação de Clientes! Saiba mais

Esta documentação é para a versão 4 e posterior do App Builder, o novo nome do Vinyl. Acesse a documentação do Vinyl aqui.

Como alterar o ícone do botão de preenchimento sólido para regular no Jitterbit App Builder

Por padrão, se você estiver usando as imagens Icon nativas do que é enviado com o App Builder, elas serão definidas para o estado Solid Icon (o que significa que o ícone aparece com uma cor de fundo sólida). Se desejar, você pode configurar as informações do Theme para substituir esse estado e usar o estado Regular Icon para que o ícone apareça como um contorno da forma sem preenchimento.

Neste artigo, veremos como modificar um controle de botão com um ícone para ter um preenchimento regular em vez de sólido.

Ícone de cartão de endereço SolID (padrão):

Cartão de endereço SolID

Ícone de cartão de endereço regular:

Cartão de endereço regular

Como modificar um ícone de controle de botão para usar um estado de ícone regular

Se você quiser usar o estado do Ícone Regular, aqui está como configurar as informações do Tema correspondente:

  1. Navegue até a área do seu aplicativo onde você deseja incluir o ícone e adicione-o como você normalmente faria. Por exemplo: Ícone de cartão de endereço selecionado para Botão de teste
  2. Vá para Gaveta de ação > Live Designer
  3. Selecione o controle com o ícone que deseja modificar
  4. Clique em Mais e selecione Estilos
  5. Clique em + Estilo
  6. Selecione Fonte no painel Categorias de estilo
  7. Localize Espessura da fonte 400 no painel Estilo e clique em + Adicionar
  8. Clique em x para sair da tela Estilo
  9. Clique no ícone Abrir registro para o estilo recém-criado
  10. Clique no botão Editar estilo
  11. Selecione Controles no painel Componentes
  12. Clique em Criar em Estilos
  13. Selecione Ícone do botão como a área
  14. Selecione Fonte como Tipo de estilo
  15. Defina a espessura da fonte como normal
  16. Clique em Salvar
  17. Saia das configurações de estilo e retorne à camada de interface do usuário do aplicativo, atualize e confirme que o ícone agora aparece conforme o esperado.