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

Visão geral

O App Builder vem com imagens de Ícone que usam o estado de ícone Sólido por padrão, o que significa que o ícone aparece com um preenchimento sólido. Você pode configurar informações de Tema para substituir isso e usar o estado de ícone Regular em vez disso, para que o ícone apareça como um contorno da forma sem preenchimento. Consulte Categorias de ícone para outros conjuntos de ícones disponíveis ao selecionar um ícone.

Os exemplos a seguir mostram o mesmo ícone address-card em um controle de Botão em cada estado:

Alterar o ícone de um botão para um preenchimento regular

Para alternar o ícone de um controle de Botão de Sólido para Regular, adicione um estilo de peso da fonte ao controle e depois substitua o peso desse estilo, para que o ícone seja renderizado como um contorno em vez de um preenchimento sólido:

1. Navegue até a área da sua aplicação onde você deseja incluir o ícone e adicione-o como faria normalmente. Por exemplo, selecione o ícone address-card para um botão chamado Test Button.

2. Acesse Action Drawer > Live Designer.

3. Selecione o controle com o ícone que você deseja modificar.

4. Clique em Mais e selecione Estilos.

5. Clique em + Estilo.

6. Selecione Fonte no painel Categorias de Estilo, para que a lista de estilos seja reduzida às opções relacionadas a fontes.

7. Localize Font Weight 400 no painel Estilo e clique em + Adicionar. Isso adiciona um estilo de peso da fonte ao controle que você pode editar.

8. Clique em x para sair da tela Estilo.

9. Clique no ícone Abrir registro para o estilo que você acabou de criar, para abrir seu registro completo.

10. Clique no botão Editar Estilo.

11. Selecione Controles no painel Componentes, já que você está estilizando um controle e não uma página ou painel.

12. Clique em Criar em Estilos.

13. Selecione Ícone de Botão como a Área, para que o estilo tenha como alvo o ícone mostrado em um controle de Botão especificamente.

14. Selecione Fonte como Tipo de Estilo, para corresponder à propriedade Peso da Fonte que você está prestes a definir.

15. Defina Peso da Fonte como normal. Isso substitui o peso 400 adicionado na etapa 7, o que é o que altera o ícone de sólido para regular.

16. Clique em Salvar.

17. Saia de Configurações de Estilo e retorne à Camada de Interface da Aplicação. Atualize a visualização da aplicação para confirmar que o ícone agora aparece em seu estado Regular.