Personalizando as interfaces do gadget

Muitos gadgets utilizam as variáveis XSL definidas no arquivo LayoutSettings.xsl para determinar as configurações de atributo (cores, fontes, margens) que definem a apresentação do gadget na página do portal. O arquivo de gabarito LayoutSettings pode ser encontrado no diretório: webapps/nps/portal/stylesheets/skins/nome_da_máscara/devices/nome_do_dispositivo.

Para modificar as configurações de atributo no arquivo LayoutSettings.xsl de um gadget:

  1. Abra o arquivo LayoutSettings.xsl em: webapps/nps/portal/stylesheets/skins/nome_da_máscara/devices/nome_do_dispositivo/.

    2.

  2. (Opcional) Defina uma cor de segundo plano para a barra de título do gadget.

    1. No arquivo LayoutSettings.xsl, procure a linha a seguir.

      IMPORTANTE:  Todos os comandos e arquivos fazem distinção entre maiúsculas e minúsculas.

      <xsl:variable name="Portal.Gadget.Titlebar.Attributes">

      2.

    2. Abaixo dessa linha, procure a seguinte linha:

      <xsl:attribute name="bgcolor"></xsl:attribute>

      3.

    3. Insira uma definição de cor da seguinte maneira:

      <xsl:attribute name="bgcolor">#FFFFFF</xsl:attribute>

      4.

  3. (Opcional) Defina uma cor de fonte para a barra de título do gadget.

    1. No arquivo LayoutSettings.xsl, procure a seguinte linha:

      <xsl:variable name="Portal.Gadget.Titlebar.Font.Attributes">

      2.

    2. Abaixo dessa linha, procure a seguinte linha:

      <xsl:attribute name="color"></xsl:attribute>

      3.

    3. Insira uma definição de cor da seguinte maneira:

      <xsl:attribute name="color">#3366cc</xsl:attribute>

      4.

  4. (Opcional) Defina um tamanho de fonte para a barra de título do gadget.

    1. No arquivo LayoutSettings.xsl, procure a seguinte linha:

      <xsl:variable name="Portal.Gadget.Titlebar.Font.Attributes">

      2.

    2. Abaixo dessa linha, procure a seguinte linha:

      <xsl:attribute name="size">+1</xsl:attribute>

      3.

    3. Insira uma definição de cor da seguinte maneira:

      <xsl:attribute name="size">+2</xsl:attribute>

      4.

  5. Grave o arquivo LayoutSettings.xsl para que o gadget possa acessar o arquivo modificado.