Menus Customizados

CONTEÚDO

01. VISÃO GERAL

A rotina de Menus Customizados permite a criação, edição e exclusão de novos menus próprios que são exibidos na barra lateral do TOTVS Saúde Portal Autorizador, com os demais menus padrões do sistema.

É possível criar vários menus e vincular várias páginas (submenus) a este mesmo menu. 

Vamos descobrir como funciona na prática?

02. EXEMPLO DE UTILIZAÇÃO

     02.01 Adicionando um novo menu customizado

      Acesse a rotina Menus Customizados e clique em +Novo

      Será redirecionado para a tela de cadastro de menu customizado. Onde deve-se preencher os seguintes campos:

      Nome do Menu: Nome do menu customizado. Será exibido quando o menu do TOTVS Saúde Portal Autorizador estiver expandido.

      Nome Reduzido: Nome reduzido do menu customizado. Será exibido quando o menu do TOTVS Saúde Portal Autorizador estiver colapsado (retraído).

      Ícone do Menu: Ícone do menu customizado, que será exibido à esquerda do nome. 

      Para definir o ícone, basta clicar no botão de ajuda do lado do campo "Ícone do Menu" , ou entrar no site https://po-ui.io/guides/icons e copiar o ID do ícone escolhido.

      Por exemplo: para o ícone de lupa precisaria informar po-icon po-icon-search no campo de ícone, ficando dessa forma  .

      Obs.: caso não seja informado nenhum ícone, será exibido o de ícone padrão .

      Além disso, é preciso vincular ao menos uma página customizada ao menu.

      Para isso clique em Nova Página Customizada. E preencha as informações da página:

      Título da Página: Título da página que será exibido no TOTVS Saúde Portal Autorizador.

      Tipo: Define se será informado código HTML da página a ser exibida, ou a URL de um site externo a ser incorporado no TOTVS Saúde Portal Autorizador.

      URL: URL do site externo que será incorporado ao sistema.

      HTML: HTML da página customizada. Garanta que a sintaxe esteja correta, o sistema não faz a validação.  Além disso, forneça apenas HTML, pois CSS da tag <style> não será interpretado.

      Com os campos preenchidos, clique em 'Salvar'. Após isso, um novo registro será criado e exibido na sessão 'Vincular Páginas Customizadas', com as informações da página que foi informado.

      Agora já é possível salvar o menu customizado. Clique em 'Salvar'.

      Veja um GIF de demonstração da rotina completa:

     02.02 Editando um menu customizado

        Acesse a rotina Menus Customizados disponível no menu Configurações do Ambiente de Administração.

        Clique sobre o ícone de edição do menu customizado que deseja alterar.

        Será redirecionado para a tela de edição, com os campos já preenchidos com as informações do menu em questão.

       Altere o que deseja e clique em Salvar. 

     02.03 Excluindo um menu customizado

    Acesse a rotina Menus Customizados disponível no menu Configurações do Ambiente de Administração.

   Clique sobre o ícone de exclusão no menu que deseja excluir.

   Clique em Confirmar.

     02.04 Sessão 'Vincular Páginas Customizadas'

       Essa sessão é responsável pelo controle das páginas que serão incluídas no menu customizado. 

       É possível editar ou excluir uma página customizada. Funciona da mesma lógica que foi mostrado para edição e exclusão dos menus customizados.

      Obs.: ao criar uma página customizada e fornecer o código HTML, garanta que a sintaxe esteja correta. O sistema não faz a validação.

      Além disso, forneça apenas HTML, pois CSS da tag <style> NÃO será interpretado.

     03.01  Visualizando um Menu Customizado Hat ( Link ) 

No portal autorizador iremos listar os menus customizados cadastrados, caso for anexado um link iremos incorporar ele na nossa página.

     03.02  Visualizando um Menu Customizado Hat ( HTML ) 

No portal autorizador, iremos listar os menus customizados cadastrados. Caso seja anexado um arquivo HTML, iremos incorporá-lo à nossa página.