Incluindo e Organizando Conteúdo em um Painel

1. Selecione o link Incluir Viewlet no canto superior direito do painel. Um seletor será aberto mostrando os viewlets disponíveis agrupados em categorias. Quando um viewlet é selecionado, uma descrição e uma visualização serão mostrados.
2. Assim que localizar o viewlet que deseja incluir, selecione o botão Incluir Viewlet. O viewlet será incluído na parte superior da coluna mais à esquerda.
   

A maioria dos viewlets no painel pode ser configurada utilizando preferências. As preferências reais são dependentes do viewlet.

1. Para abrir as preferências para edição, selecione Editar Configurações no menu drop-down do viewlet.
2. Assim que as preferências tenham sido configuradas, selecione o botão Salvar para armazená-las e retornar ao estado normal.

Alguns viewlets permitem que você edite o conteúdo diretamente (por exemplo, Indicadores ou HTML).

1. Para editar o conteúdo diretamente, selecione Editar Conteúdos do menu drop-down do viewlet. As etapas de edição reais dependem da maneira como o viewlet foi designado. Por exemplo, o viewlet HTML permite que você edite a marcação HTML diretamente.
2. Quando tiver terminado de alterar o conteúdo, selecione o botão Salvar na parte inferior do viewlet para armazenar o conteúdo e retornar ao estado normal.

Você pode alterar os seguintes aspectos de um viewlet:

• o título;
• a decoração de cor do viewlet; e
• a cor do plano de fundo correspondente.

Para alterar estes parâmetros:

1. Selecione Editar Configurações no menu drop-down do viewlet
2. Clique na guia Aparência. As decorações de cor possibilitam que você coordene com cores os viewlets baseados no conteúdo que eles mostram e no destino do seu painel. Observe que a última opção na lista é sem decoração, que é particularmente útil para o viewlet HTML onde o HTML livre de formato pode ser utilizado de várias maneiras criativas.

Alguns viewlets são sensíveis ao contexto no qual aparecem (escopo). Por exemplo, o viewlet "Planos de Iteração" mostra conteúdo diferente quando aparece no painel do projeto ao invés do painel da equipe. A configuração de escopo é automaticamente computada com base no painel mas pode ser substituída na guia Escopo.

1. Para alterar esta configuração, selecione Editar Configurações.
2. Clique na guia Escopo. Observe que apenas os viewlets sensíveis ao escopo mostrarão esta guia.

Os viewlets podem ser reposicionados dentro de um painel utilizando os recursos arrastar e soltar.

1. Para mover o viewlet, mova o cursor sobre a área do título até que o cursor se altere para indicar que você pode movê-lo.
2. Arraste o viewlet e siga o contorno com pontos até que você encontre o novo local. Outros viewlets se moverão para preencher o espaço vazio.
3. Você também pode arrastar o viewlet para uma página diferente. Para isso, arraste o viewlet e solte-o na guia da página desejada. Depois disso, selecione a guia dessa página e continue a mover o viewlet para a posição final.
   

É possível utilizar o zoom em alguns viewlets para mostrar mais detalhes. Os viewlets com zoom sobreporão parcialmente seus vizinhos. Se for possível utilizar o zoom em um viewlet, um sinal de + será exibido no canto inferior direito quando o mouse estiver sobre a área do viewlet.

Ao aumentar o zoom, o viewlet pode ser restaurado (diminuir o zoom) clicando no sinal - no canto inferior direito ou clicando em qualquer local fora do viewlet.

Para remover um viewlet da página do painel, clique no sinal X no canto superior direito do viewlet.

Novos painéis são inicialmente criados com uma guia da página padrão Geral. Em qualquer ponto, novas guias podem ser incluídas.

1. Para incluir uma nova guia, selecione um link Incluir Nova Guia à direita da última guia da página no painel. A guia recentemente criada estará vazia (sem viewlets) e terá um rótulo gerado.
2. Para alterar o rótulo da guia, clique na área do rótulo e digite o novo nome.
3. Para sair do modo de edição, digite a tecla Enter ou clique em qualquer lugar fora da área do título da guia.

   A guia Página Atualmente Selecionada possui um menu drop-down que controla suas configurações. Você pode excluir a página ou alterar o número de colunas entre 1 e 3.

   A ordem relativa das guias das páginas pode ser alterada arrastando a guia e soltando-a em um novo local na linha de guias. As guias se agruparão em várias linhas quando a colocação em uma única linha não for possível.

Os painéis compartilhados (projeto, equipe, perfil) são visíveis para os outros usuários. Como resultado, não é aconselhável salvá-los até que a modificação do painel esteja concluída.

Quando tiver terminado a alteração de um painel compartilhado, salve-o selecionando o botão Salvar no canto superior direito. Ao salvar, suas alterações ficarão visíveis para outros usuários quando eles atualizarem o navegador.

Dica:

Diferente do painel compartilhado, as modificações dos painéis pessoais são salvas instantaneamente já que apenas você pode visualizá-las. Este comportamento também pode ser conseguido com painéis compartilhados se a caixa de opção Salvamento Automático for selecionada no canto superior direito:

Os painéis são aplicativos da UI da Web sofisticados que podem ser difíceis de atualizar ao simplesmente recarregar a página inteira utilizando o botão Atualizar do navegador. Uma alternativa muito mais rápida e mais seletiva é atualizar viewlets individuais ou as páginas do painel inteiro.

• Para atualizar o conteúdo de um único viewlet, selecione o drop-down na área do título do viewlet e selecione a ação Atualizar no menu.
• Para atualizar todos os viewlets na página do painel atualmente visível, selecione a ação Atualizar no drop-down da guia da página. Alternativamente, selecione o botão Atualizar da barra de ferramentas na barra de ferramentas do painel (canto superior direito abaixo da área do título).