71 lines
3.5 KiB
Markdown
71 lines
3.5 KiB
Markdown
|
---
|
|||
|
|
title: Ícones de menu
|
|||
|
|
source: https://tdn.totvs.com/pages/viewpage.action?pageId=463803148
|
|||
|
|
path: \Plataforma Documentação técnica\Recurso de Páginas e Widgets (WCM)\Estrutura de páginas\Ícones de menu.md
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
Atenção
|
|||
|
|
|
|||
|
|
Esta página foi revisada para considerar as configurações do TOTVS Fluig Plataforma a partir da **atualização Liquid **1.6.5-190306****.
|
|||
|
|
|
|||
|
|
# Índice
|
|||
|
|
|
|||
|
|
- 1 [Objetivo](#id-Íconesdemenu-Objetivo)
|
|||
|
|
- 2 [Ícones do Fluig Plataforma](#id-Íconesdemenu-ÍconesdoFluigPlataforma)
|
|||
|
|
- 2.1 [Selecionar um novo ícone para a página](#id-Íconesdemenu-Selecionarumnovoíconeparaapágina)
|
|||
|
|
- 2.2 [Solicitar a inclusão do ícone](#id-Íconesdemenu-Solicitarainclusãodoícone)
|
|||
|
|
- 2.2.1 [Como verificar o identificador do ícone](#id-Íconesdemenu-Comoverificaroidentificadordoícone)
|
|||
|
|
|
|||
|
|
# Objetivo
|
|||
|
|
|
|||
|
|
Este guia visa orientar os usuários que utilizam o recurso [Minhas páginas](https://tdn.totvs.com/pages/viewpage.action?pageId=234455763) na plataforma Fluig, a substituírem os ícones utilizados anteriormente pelos ícones disponíveis a partir da atualização **Liquid **1.6.5-190306****.
|
|||
|
|
|
|||
|
|
# Ícones do Fluig Plataforma
|
|||
|
|
|
|||
|
|
No Fluig Plataforma **Liquid **1.6.5-190306****. foi realizada uma atualização dos ícones da plataforma, ocorrendo a substituição do ícones do layout *Snowflake* para ficarem aderentes aos novos ícones *flat* do Style Guide. Essa mudança afeta os ícones de menu padrão da plataforma Fluig e também os ícones das páginas personalizadas que aparecem nesse menu.
|
|||
|
|
|
|||
|
|
Todos os ícones de menu padrão do Fluig Plataforma serão automaticamente apresentados após a atualização da plataforma, porém pode ser que algum ícone que você escolheu para suas página personalizada não seja atualizado, e por isso ele não apareça corretamente após a atualização.
|
|||
|
|
|
|||
|
|
Para contornar essa situação, você tem duas opções:
|
|||
|
|
|
|||
|
|
- Selecionar um novo ícone para a página ou;
|
|||
|
|
- Solicitar a inclusão do ícone na Style Guide do Fluig.
|
|||
|
|
|
|||
|
|
Confira a seguir como proceder em cada uma das opções:
|
|||
|
|
|
|||
|
|
## Selecionar um novo ícone para a página
|
|||
|
|
|
|||
|
|
Para selecionar o ícone no layout *Flat*, siga os passos abaixo:
|
|||
|
|
|
|||
|
|
**01.** No menu principal, acionar **Painel de Controle**, logo depois verificar o agrupador**Personalização**e acionar**Minhas páginas.**
|
|||
|
|
|
|||
|
|
**02.** Selecionar a página a ser editada.
|
|||
|
|
|
|||
|
|
**03.** Acionar **Editar página**.
|
|||
|
|
|
|||
|
|
**04.** Selecionar o ícone desejado no quadro **Ícone da página**.
|
|||
|
|
|
|||
|
|
**05.** Acionar **Avançar** e, em seguida, **Concluir**.
|
|||
|
|
|
|||
|
|
Após isso, é necessário publicar a nova versão da página.
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
A seleção de ícones para as páginas está disponível apenas no tema [Snowflake](https://tdn.totvs.com/pages/viewpage.action?pageId=234455751). Para mais detalhes, consulte a documentação [Adicionar página](https://tdn.totvs.com/pages/viewpage.action?pageId=234455933).
|
|||
|
|
|
|||
|
|
## Solicitar a inclusão do ícone
|
|||
|
|
|
|||
|
|
Para solicitar a inclusão do ícone na Style Guide do Fluig Plataforma, você deve abrir um [chamado para o suporte fluig](http://suporte.totvs.com/), informando os seguintes dados:
|
|||
|
|
|
|||
|
|
- Release de sua instalação Fluig. Exemplo: 1.6.5-190228
|
|||
|
|
- Identificador do ícone original. Exemplo: menu-font-icon fluigicon fluigicon-star
|
|||
|
|
|
|||
|
|
### Como verificar o identificador do ícone
|
|||
|
|
|
|||
|
|
Para obter o identificador do ícone original, siga os passos abaixo:
|
|||
|
|
|
|||
|
|
**01.** Clique com o botão direito sobre o ícone no menu e selecione a opção **Inspecionar**.
|
|||
|
|
|
|||
|
|
**02**. Na janela do inspecionador de elementos, copie as propriedades da tag <i> (a imagem do ícone).
|
|||
|
|
|
|||
|
|
|