Tópico anterior: Associações de capaPróximo tópico: Como usar várias capas

Aplicando marca visual ao Console de usuário › Como criar uma capa

Como criar uma capa

A criação de uma capa envolve as seguintes etapas:

  1. Copiar uma capa existente
  2. Atualizar as imagens da capa
  3. Atualizar as cores e fontes da capa
  4. Modificar o arquivo .properties
  5. Modificar o arquivo index.jsp

Copiar uma capa existente

Execute o procedimento a seguir para copiar um capa existente.

Siga estas etapas:

  1. Examine as ilustrações em Capas do CA Identity Manager e decida quais das seguintes capas é semelhante a que você deseja criar para a sua empresa:

    Para fins ilustrativos, esta seção pressupõe que você escolheu a aparência da capa neteauto e a chamará de yourskin. O nome yourskin é o nome da capa da sua empresa.

  2. Copie o seguinte arquivo:

    iam_im.ear/user_console_war/app/imcss/neteauto

    iam_im.ear/

    Dê a ele o seguinte nome:

    iam_im.ear/user_console_war/app/imcss/yourskin

  3. No diretório yourskin, renomeie os arquivos na tabela a seguir:

Nome atual

Novo nome

neteauto.css

yourskin.css

neteauto_task.css

yourskin_task.css

neteauto.properties

yourskin.properties

Para simplificar a administração, o nome do arquivo .properties e dos arquivos .css deve corresponder ao nome da capa.

Observação: os nomes de capa diferenciam maiúsculas de minúsculas.

Atualizar as imagens da capa

Atualize todas as imagens (.gif, .jpg ou .png) nos seguintes diretórios com as imagens que correspondem à aparência da capa da sua empresa:

Por exemplo, para colocar o logotipo da empresa na capa yourskin, substitua logo.jpg no diretório image pelo logotipo da empresa.

Aconselhamos usar os mesmos nomes de arquivos de imagem, pois muitas dessas imagens já estão mapeadas com os caminhos apropriados no arquivo yourskin.properties.

Atualizar as cores e fontes da capa

Atualize as folhas de estilos em cascata da capa yourskin com as fontes, o menu, o plano de fundo, a margem e outras cores de sua preferência.

Os caminhos para as folhas de estilos são os seguintes:

Modificar o arquivo .properties

Execute o procedimento a seguir para modificar o arquivo .properties.

Siga estas etapas:

  1. No arquivo yourskin.properties, substitua cada referência à neteauto por yourskin.
  2. Faça as seguintes modificações adicionais no arquivo yourskin.properties:
    1. Se ainda não estiver especificado, defina o seguinte na seção pai: 
          parent=/app/imcss/idm/im.properties

      A seção pai especifica o local para o arquivo de propriedades da capa pai. Nesse exemplo, a capa pai é idm.

    2. Defina as folhas de estilos em cascata como se segue: 
          stylesheet/skin.css=yourskin/yourskin.css
    stylesheet/skin_task.css=yourskin/yourskin_task.css
    3. Proceda da seguinte maneira:

      Se você substituiu a imagens da capa sem renomeá-las, pule para a Etapa d. Se você renomeou as imagens, faça o seguinte:

      • Na seção de imagens de cabeçalho, defina o caminho para as imagens de cabeçalho em Atualizar as imagens da capa.

        Você pode adicionar várias entradas de imagem ao arquivo .properties incluindo uma entrada como esta:

        image/logo.gif=yourskin/image/logo.jpg

      • Na seção de guias padrão, defina o caminho para as imagens de guia em Atualizar as imagens da capa.
      • Na seção de botões do corpo da tarefa, defina o caminho para as imagens do botão do corpo da tarefa em Atualizar as imagens da capa.
    4. Salve o arquivo.

Mais informações:

Atualizar as imagens da capa

Modificar o arquivo index.jsp

Execute o procedimento a seguir para modificar o arquivo index.jsp.

Siga estas etapas:

  1. Abra o arquivo index.jsp em um editor de texto. Esse arquivo está localizado na seguinte pasta:

    <iam_im.ear>/user_console_war/app/imcss

  2. Na seção <skin:update>, adicione o seguinte como a primeira entrada: 
    <skin:skin name="yourskin" filename="/app/imcss/yourskin/yourskin.properties" />
  3. Salve o arquivo.

O CA Identity Manager seleciona a capa padrão do Console de usuário do CA Identity Manager com base na tag de capa listada primeiro na seção <skin:update> do arquivo index.jsp.

Conforme observado na seção <skin:update> a seguir do arquivo index.jsp, o CA Identity Manager exibirá o console de usuário para a capa yourskin:

<skin:update>

<skin:skin name="yourskin" filename="/app/imcss/yourskin/yourskin.properties" />
<skin:skin name="idm" filename="/app/imcss/idm/im.properties" />
<skin:skin name="neteauto" filename="/app/imcss/neteauto/neteauto.properties" />
<skin:skin name="horizontal" filename="/app/imcss/horizontal/horizontal.properties" />
<skin:skin name="horizontal2" filename="/app/imcss/horizontal2/horizontal2.properties" />

</skin:update>

Quando você desejar usar outra capa, será preciso alterar a ordem das tags de capa listadas.

Recompilar os arquivos .jsp e reiniciar o servidor de aplicativos

Se você estiver executando o CA Identity Manager em um servidor de aplicativos do JBoss, será necessário recompilar os arquivos JSP e reiniciar o servidor de aplicativos depois que você tiver criado uma capa, como se segue:

  1. Configure o servidor de aplicativos para recompilar todos os arquivos console.jsp.
  2. Reinicie o servidor de aplicativos para que as alterações da capa yourskin entrem em vigor.

Observação: se você estiver usando um servidor de aplicativos diferente, não será necessário concluir essa etapa.