Mudanças entre as edições de "Controllr/Aplicativos/Hotsite/Menus"

De BrByte Wiki
 
Linha 1: Linha 1:
==Menus==
+
=Menus=
  
O App de Menus do [[Controllr/Aplicativos/Hotsite | Hotsite]] no [[Controllr | Controllr]] permite o usuário criar e gerenciar os menus de seu [[Controllr/Aplicativos/Hotsite | Hotsite]] de forma simples.
+
No App Menus [[Arquivo:Reports-48.png]]
 +
 
 +
O aplicativo Menus oferece uma maneira simples de criar agrupamentos de páginas que serão exibidos em partes específicas do seu hotsite. Além disso, possibilita a criação de agrupamentos dentro de outros agrupamentos (submenus). A seguir, há uma imagem do aplicativo com alguns agrupamentos já criados por padrão.
  
 
<div class="img-responsive align-center">[[Arquivo:controllr_hotsite_menus.png|link=]]</div>
 
<div class="img-responsive align-center">[[Arquivo:controllr_hotsite_menus.png|link=]]</div>
  
==Novo Menu==
+
 
 +
==Novo==
  
 
Para adicionar um menu ou um sub-menu, deve-se clicar em [[arquivo:add.png|link=]] Novo.
 
Para adicionar um menu ou um sub-menu, deve-se clicar em [[arquivo:add.png|link=]] Novo.
  
<div class="img-responsive align-center">[[Arquivo:controllr_hotsite_app_link.png|link=]]</div>
+
<div class="img-responsive align-center">[[Arquivo:Controllr-aplicativos-hotsite-menus-novo.png|link=]]</div>
 
 
  
Vou demonstrar com um exemplo de segunda via de cobranças vencidas.
 
  
 
{| class="table table-bordered table-striped"
 
{| class="table table-bordered table-striped"
Linha 21: Linha 22:
 
|-
 
|-
 
! style="text-align:left; vertical-align:middle;"| Nome
 
! style="text-align:left; vertical-align:middle;"| Nome
| style="text-align:left; vertical-align:middle;"| Nome do menu.
+
| style="text-align:left; vertical-align:middle;"| Informe o nome do menu a ser criado.
 
| style="text-align:left; vertical-align:middle;"| Segunda Via
 
| style="text-align:left; vertical-align:middle;"| Segunda Via
 
|-
 
|-
 
! style="text-align:left; vertical-align:middle;"| Link
 
! style="text-align:left; vertical-align:middle;"| Link
| style="text-align:left; vertical-align:middle;"| Inserir a URL pra acessar a página externa. Exemplo a URL do site da 2ª via.
+
| style="text-align:left; vertical-align:middle;"| Insira a URL que o usuário seja redirecionado ao clicar.
 
| style="text-align:left; vertical-align:middle;"| exemplo.com.br
 
| style="text-align:left; vertical-align:middle;"| exemplo.com.br
 
|-
 
|-
 
! style="text-align:left; vertical-align:middle;"| Target
 
! style="text-align:left; vertical-align:middle;"| Target
| style="text-align:left; vertical-align:middle;"|Tipo de abertura de Link.<br>
+
| style="text-align:left; vertical-align:middle;"| Define o modo como será aberto o Link. Existem dois tipos:<br>
 
'''_self''': Abre o link adicionado na mesma página.<br>
 
'''_self''': Abre o link adicionado na mesma página.<br>
'''_blank''': Abre o link adicionado em uma nova guia.<br>
+
'''_blank''': Abre o link adicionado em uma nova aba do seu navegador.<br>
 
| style="text-align:left; vertical-align:middle;"| _blank
 
| style="text-align:left; vertical-align:middle;"| _blank
 
|-
 
|-
 
! style="text-align:left; vertical-align:middle;"| Ordem
 
! style="text-align:left; vertical-align:middle;"| Ordem
| style="text-align:left; vertical-align:middle;"| Posição que menu irá aparecer no seu Hotsite.
+
| style="text-align:left; vertical-align:middle;"| Contém a posição que menu irá aparecer, isto é, a ordenação das informações.
 
| style="text-align:left; vertical-align:middle;"| 1
 
| style="text-align:left; vertical-align:middle;"| 1
 
|-
 
|-
 
! style="text-align:left; vertical-align:middle;"| Pai
 
! style="text-align:left; vertical-align:middle;"| Pai
| style="text-align:left; vertical-align:middle;"| Menu de onde este novo item será sub-menu, caso queira que seja um menu principal, marque a opção "menu principal".
+
| style="text-align:left; vertical-align:middle;"| Indique o menu ao qual este novo item será vinculado como filho (submenu). Se desejar criar um menu independente, basta deixar o campo vazio.
 
| style="text-align:left; vertical-align:middle;"| Links úteis
 
| style="text-align:left; vertical-align:middle;"| Links úteis
 
|-
 
|-
 
! style="text-align:left; vertical-align:middle;"| Habilitado
 
! style="text-align:left; vertical-align:middle;"| Habilitado
| style="text-align:left; vertical-align:middle;"| Ao marcar a opção, determina para mostrar no Hotsite.
+
| style="text-align:left; vertical-align:middle;"| Ao marcar essa opção, determina que será mostrado em seu hotsite.
 
| style="text-align:left; vertical-align:middle;"| <font size="4" style="color:blue;" ><i class="far fa-check-square"></i></font>
 
| style="text-align:left; vertical-align:middle;"| <font size="4" style="color:blue;" ><i class="far fa-check-square"></i></font>
 
|-
 
|-
 
|}
 
|}
  
'''Exemplo''':
+
Abaixo, segue a visualização de como ficará seu hotsite após a criação do menu acima.
  
 
<div class="img-responsive align-center">[[Arquivo:controllr_hotsite_app_link_web.png|link=]]</div>
 
<div class="img-responsive align-center">[[Arquivo:controllr_hotsite_app_link_web.png|link=]]</div>
 +
 +
 +
==Adicionando ao Hotsite==
 +
 +
Dentro do seu hotsite, é possível adicionar em vários lugares. Um dos exemplos está no rodapé do seu site. Siga os passo a passo para adicionar em qualquer página do seu hotsite:
 +
 +
* 1º. Abra o Construtor de Páginas da página que irá adicionar.
 +
* 2º. Selecione o botão de adicionar componentes presente na barra superior (+). Em seguida, adicione o módulo de menu (MOD Menu).
 +
 +
<div class="img-responsive align-center">[[Arquivo:Controllr-aplicativos-hotsite-menus-adicionar-hotsite-1.png|link=]]</div>
 +
 +
 +
* 3º. Altere o ID do menu registrado em seu Controllr para possibilitar que o hotsite faça a requisição e recupere as informações do menu. Faça isso clicando no botão com o símbolo de engrenagem e ajustando o campo que surgirá.
 +
 +
<div class="img-responsive align-center">[[Arquivo:Controllr-aplicativos-hotsite-menus-adicionar-hotsite-2.png|link=]]</div>
 +
 +
 +
* 4º. Pronto! Salve e atualize a página caso não apareça as modificações.
  
 
[[category:Hotsite]]
 
[[category:Hotsite]]
 
[[Category:Controllr]]
 
[[Category:Controllr]]
 
__NOEDITSECTION__
 
__NOEDITSECTION__

Edição atual tal como às 14h45min de 15 de janeiro de 2024

Menus

No App Menus Reports-48.png

O aplicativo Menus oferece uma maneira simples de criar agrupamentos de páginas que serão exibidos em partes específicas do seu hotsite. Além disso, possibilita a criação de agrupamentos dentro de outros agrupamentos (submenus). A seguir, há uma imagem do aplicativo com alguns agrupamentos já criados por padrão.

Controllr hotsite menus.png


Novo

Para adicionar um menu ou um sub-menu, deve-se clicar em Add.png Novo.

Controllr-aplicativos-hotsite-menus-novo.png


Campo Descrição Exemplo
Nome Informe o nome do menu a ser criado. Segunda Via
Link Insira a URL que o usuário seja redirecionado ao clicar. exemplo.com.br
Target Define o modo como será aberto o Link. Existem dois tipos:

_self: Abre o link adicionado na mesma página.
_blank: Abre o link adicionado em uma nova aba do seu navegador.

_blank
Ordem Contém a posição que menu irá aparecer, isto é, a ordenação das informações. 1
Pai Indique o menu ao qual este novo item será vinculado como filho (submenu). Se desejar criar um menu independente, basta deixar o campo vazio. Links úteis
Habilitado Ao marcar essa opção, determina que será mostrado em seu hotsite.

Abaixo, segue a visualização de como ficará seu hotsite após a criação do menu acima.

Controllr hotsite app link web.png


Adicionando ao Hotsite

Dentro do seu hotsite, é possível adicionar em vários lugares. Um dos exemplos está no rodapé do seu site. Siga os passo a passo para adicionar em qualquer página do seu hotsite:

  • 1º. Abra o Construtor de Páginas da página que irá adicionar.
  • 2º. Selecione o botão de adicionar componentes presente na barra superior (+). Em seguida, adicione o módulo de menu (MOD Menu).
Controllr-aplicativos-hotsite-menus-adicionar-hotsite-1.png


  • 3º. Altere o ID do menu registrado em seu Controllr para possibilitar que o hotsite faça a requisição e recupere as informações do menu. Faça isso clicando no botão com o símbolo de engrenagem e ajustando o campo que surgirá.
Controllr-aplicativos-hotsite-menus-adicionar-hotsite-2.png


  • 4º. Pronto! Salve e atualize a página caso não apareça as modificações.