Fórum

arrow_back

Editar Menu e usar imagens em SVG

lizandro kirst da silva

19/04/2021 10:50:29

Pessoal, preciso editar o menu da aplicação que o CronApp disponibiliza na aplicação em mobile, mas trocar os ícones por imagens em SVG. Alguma dica?

Iago Sousa

19/04/2021 15:05:53

Opa Lizandro, beleza?


Infelizmente não consegui achar um meio de editar os ícones do componente menu justamente por eles serem um sub componente do "menu dinâmico".

Mas eu achei um jeito de colocar uma imagem .SVG em um ícone de um botão da seguinte maneira:


  • Faça upload da imagem desejada nos recursos mobile
  • Agora com o botão selecionado botão "+" na barra inferior da IDE
  • Adicione um componente imagem no meio do botão
  • Clique no componente imagem e selecione a imagem que você fez o upload.
  • Edite o estilo em linha da imagem para que ela tenha uma largura menor, na minha eu coloquei 20px
  • Agora selecione novamente o componente botão e na barra inferior da IDE, dê um clique duplo no componente que aparece em azul


  • Copie toda a tag <img...> para dentro da tag <i ...> </i> ficando como exemplo: <i ...> <img ... > </i>
  • Agora na tag <i ...> apague a classe "ion-home"


O resultado que obtive foi o seguinte:


Espero que esta dica ajude em algum aspecto para botões fora os que são do componente menu.

Atenciosamente,

Iago Sousa.

Maristella Gmail

22/04/2021 11:38:13

Olá Lizandro!


Os ícones do Cronapp são pesquisados em uma biblioteca pública denominada Glyphicons.

Aparentemente é possível fazer upload de SVGs para lá.

Se vc conseguir subir para lá, eles podem ficar disponíveis no Cronapp.