Clonar um widget

Aproveite o código existente clonando e editando um widget existente.

Antes de Iniciar

Função necessária: administrador ou sp_admin

Por Que e Quando Desempenhar Esta Tarefa

Nota:

Os widgets do sistema base são somente leitura para que você possa se beneficiar de atualizações futuras. Para fazer mudanças, você pode clonar widgets do sistema de base. No entanto, os widgets clonados são considerados personalizados e não se beneficiam de atualizações futuras dos widgets dos quais foram clonados.

Procedimento

1. Abra o Editor de widget na página de configuração do Portal de serviços e selecione um widget existente na lista Selecionar um widget.
   Por exemplo, selecione Olá, mundo 2.
2. No menu de lista no cabeçalho do widget, clique em Clonar "Olá, mundo 2".

   Figura 1. Clonar um widget

   

3. Insira um nome para o widget clonado.
   O ID do widget é criado automaticamente com base no nome do widget.
4. Opcional: Selecione Criar página de teste para criar automaticamente uma página que contém o widget.
5. Use as caixas de seleção para mostrar ou ocultar os diferentes componentes do editor de widget conforme necessário.

   Faça mudanças no modelo HTML, CSS, script do cliente, script do servidor ou na função de link.

   Figura 2. Clone do Hello World 2

   

6. Para habilitar uma visualização do seu widget, use Habilitar visualização no menu.
   Use o ícone de olho que aparece para mostrar ou ocultar uma visualização do seu widget.

O que Fazer Depois

Se você clonar um widget que usa o modelo ng angular, deverá clonar manualmente o modelo e alterar o nome da referência do modelo no widget.

Por exemplo, o widget de menu de cabeçalho usa o Angular ng-template menuTemplate. Se você clonar o widget do menu de cabeçalho, também deverá clonar o menuTemplate e dar ao clone um nome exclusivo. Ao abrir o clone do widget do menu de cabeçalho, você pode ver uma referência ao menuTemplate no HTML.

Figura 3. menuTemplate no HTML do widget de cabeçalho