Customizando temas no IBM Lotus Quickr 8.5 para WebSphere Portal

Este artigo fornece uma visão geral de temas para o IBM® Lotus® Quickr® 8.5 para WebSphere® Portal. As seções a seguir oferecem informações necessárias para criar temas e aparências e customizá-los para atualizações, como alteração de logotipo, alteração do esquema de cores, realização de mudanças avançadas no layout e integração de componentes no shelf de customização.

Richa Verma, Software Engineer, IBM China

Richa Verma é uma engenheira de software na equipe do IBM Lotus Quickr. Ela ingressou no IBM Software Group em 2004, no Research Triangle Park. É possível entrar em contato com ela pelo e-mail bansalr@us.ibm.com.



28/Out/2010

Nota do editor: Possui muito conhecimento sobre este tópico? Deseja compartilhá-lo? Participe do programa de wiki do software IBM Lotus hoje mesmo.

Wiki do Lotus Quickr


Pré-requisitos

Você deve ter um bom entendimento de HTML, JavaServer™ Pages (JSP), cascading stylesheets (CSS) e JavaScript™ básicos. O Lotus Quickr 8.5, construído no WebSphere Portal V6.1.5, oferece temas como uma extensão ao tema do construtor de página de portal existente. Para obter benefício integral deste artigo, você também deve se familiarizar com o tempo do construtor de página para o IBM WebSphere Portal V6.1.5. Consulte o Centro de Informações do IBM WebSphere Portal 6.1.5 para obter informações sobre customizações de tema.


Introdução

Um tema é composto de um conjunto de arquivos que consiste em um arquivo JSP pai (Default.jsp) e fragmentos subsequentes do JSP pai. Os fragmentos de JSPs são incluídos a partir do JSP pai e, por convenção, eles são salvos com as extensões JSPF. Além dos JSPs de tema, o tema também consiste em arquivos de imagem (gráficos de tema), folhas de estilo, arquivos JavaScript e widgets Dojo. As seções a seguir fornecem detalhes sobre o layout do tema e como fazer mudanças em vários elementos desse tema.

Layout do tema

Conforme descrito na seção anterior, o tema é dividido em fragmentos que são compilados por meio de um arquivo JSP pai para compor o tema. Os fragmentos do tema principal são

  • Navegação global
  • Barra de título
  • Barra de local
  • Navegação lateral
  • Área de renderização de portlet
  • Rodapé

O layout dessas partes é mostrado na figura 1.

Figura 1. Layout de tema
Layout de tema

Para manter o tema simples, há um JSP ou fragmento de JSP para cada seção no layout. Por exemplo, globalNav.jsp é criado para renderizar a navegação global.Do mesmo modo, topNav.jspf e sideNav.jspf são criados para renderizar a barra de título e a navegação lateral, respectivamente. A figura 2 mostra uma estrutura simplificada de JSPs de tema.

Figura 2. Estrutura do tema
Estrutura do tema

Customização do Tema

A customização do tema pode variar desde mudanças simples na folha de estilo que incluem um novo esquema de cores à página até mudanças avançadas que modificam elementos existentes do tema e fazem mudanças que exigem a integração de aplicativos e componentes customizados. As seções a seguir discutem o mecanismo básico da customização do tema e abordam cenários avançados na realização de mudanças no layout do tema e integração de novo componente.

Crie um tema customizado

Os temas e aparências padrão, que estão prontos para uso no produto, são implementados no arquivo EAR chamado QuickrThemeApp.ear. Para fazer essas mudanças, é necessário acesso administrativo ao servidor. Para criar um tema ou aparência customizados, copie QuickrThemeApp.ear para um local temporário e modifique-o. Seu novo tema está empacotado e implementado como um novo arquivo EAR.

Importante: Crie um tema customizado antes de fazer mudanças a ele. O tema original do Lotus Quickr pode ser reimplementado durante a aplicação de correções temporárias ao tema ou inclusão de fix packs em geral.

As etapas a seguir fornecem detalhes sobre a criação de um arquivo EAR de tema.

  1. Copie o arquivo de tema padrão wp_profile/installableApps/QuickrThemeApp.ear para um local temporário.
  2. Desempacote o arquivo QuickrThemeApp.ear.
  3. Modifique o arquivo QuickrThemeApp.ear/META-INF/application.xml para incluir um nome de exibição, ID de módulo e raiz de contexto exclusivos.
  4. Recrie o arquivo EAR. O novo arquivo EAR deve ter um nome diferente do arquivo original QuickrThemeApp.ear.
  5. Implemente o novo arquivo EAR copiando-o novamente para o servidor. Consulte Implementando o Tema no Centro de Informações do WebSphere Portal 6.1.5.
  6. Registre os novos temas e aparência. Consulte o script de amostra xmlaccess mostrado na listagem 1 para importar o tema customizado.

NOTA: No script, é necessário fornecer uma raiz de contexto exclusiva (fornecida na etapa 3) que identifica esse aplicativo de tema customizado.

Listagem 1. DeployYourTheme.xml

Clique aqui para ver lista de códigos

                    <?xml version="1.0" encoding="UTF-8"?>
                    <request xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
                    xsi:noNamespaceSchemaLocation="PortalConfig_6.1.0.xsd" 
                    type="update" create-oids="true">
                        <portal action="locate">
                            
                            <skin action="update" active="true" default="false" domain="rel" 
                            objectid="ibm.portal.skin.qkr_custom" uniquename="ibm.portal.skin.qkr_custom" 
                            resourceroot="QkrSkin" context-root="/QuickrTheme_custom" type="default">
                                <localedata locale="en">
                                    <title>QkrSkin_custom</title>
                                </localedata>
                            </skin>
                            <skin action="update" active="true" default="false" 
                            domain="rel" objectid="ibm.portal.skin.qkrthin_custom" 
                            uniquename="ibm.portal.skin.qkrthin_custom" resourceroot="QkrThinSkin" 
                            context-root="/QuickrTheme_custom" type="default">
                                <localedata locale="en">
                                    <title>QkrThinSkin_custom</title>
                                </localedata>
                            </skin>
                            <theme action="update" active="true" 
                            context-root="/QuickrTheme_custom" default="false" 
                            defaultskinref="ibm.portal.skin.qkr_custom" domain="rel" 
                            objectid="ibm.portal.theme.qkrtheme_custom" resourceroot="Quickr" 
                            uniquename="ibm.portal.theme.qkrtheme_custom">
                                <localedata locale="en">
                                    <title>QkrTheme_custom</title>
                                </localedata>
                                <allowed-skin skin="ibm.portal.skin.qkr_custom" 
                                update="set"/>
                                <allowed-skin skin="ibm.portal.skin.qkrthin_custom" 
                                update="set"/>
                            </theme>     
                            		
                        </portal>
                    </request>

Para obter mais detalhes, consulte Importando um Tema no Centro de Informações do WebSphere Portal 6.1.5.

Você verá seu tema e aparência customizados listados em Home – Advanced Administration – Portal User Interface – Themes and Skins.

Para o desenvolvimento inicial, crie uma página de teste ou coloque e aplique o tema customizado a ela. O tema pode ser designado a um local usando-se Place Actions – Edit Place. Depois de o tema ter sido modificado e a unidade, testada, atualize o tema padrão do servidor como seu tema customizado. Essa tarefa pode ser executada na página de temas e aparência na administração avançada. A menos que um local existente seja configurado para usar um tema diferente do padrão, todos os locais são automaticamente atualizados para usar o tema (padrão) customizado.

Modifique os arquivos de tema

Conforme citado na seção anterior, o tema é composto de um conjunto de JSPs e folhas de estilo que definem a semântica da apresentação do tema. No Lotus Quickr 8.5, as folhas de estilo do tema são compartilhadas entre vários componentes, incluindo o tema, o catálogo de locais, e os componentes individuais do Lotus Quickr, como blog, biblioteca, etc. Também há algumas partes do layout, por exemplo, o rodapé, que também são comuns entre locais da equipe, catálogo de locais e administração de locais do Lotus Quickr. Para simplificar, todos esses recursos foram empacotados separadamente em um aplicativo de recursos comuns. O local do aplicativo do tema e do aplicativo de recursos comuns é listado abaixo.

Tema:

wp_profile\installedApps\<server_node_name>\ QuickrThemeApp.ear\wp.theme.quickrtheme.war\themes\html\Quickr

Recursos comuns:

wp_profile\installedApps\<server_node_name>\ QuickrCommonResourcesApp.ear\qkr.common.resources.war

No restante deste artigo, nos referimos ao local do tema acima como o diretório theme_root e ao local do aplicativo de recursos comuns como o diretório common_resources_root.

Importante: Crie e implemente um arquivo EAR de recursos comuns customizado. Siga as etapas na seção "Crie um tema customizado” para executar essa tarefa.

Incluindo folhas de estilo

O Lotus Quickr 8.5 contém um conjunto de folhas de estilo prontas para uso. Essas folhas de estilo podem ser selecionadas e aplicadas usando a paleta customizada do Lotus Quickr. A Figura 3 mostra as folhas de estilo disponíveis e os esquemas de cores de amostra aplicados a um local da equipe.

Figura 3. Estilos do shelf de customização

Se nenhuma das folhas de estilo prontas para uso fornecer o esquema de cores que você procura, você poderá criar novas folhas de estilo e incluí-las à paleta customizada e aplicá-las seletivamente aos locais. Como alternativa, também é possível modificar a folha de estilo padrão (no aplicativo de recursos comuns) para atualizar o esquema de cores para todos os locais e a página inicial do Lotus Quickr.

Criando folhas de estilo customizadas

A criação de folhas de estilo é rápida e simples. Com apenas algumas cores usadas no tema, novas folhas de estilo podem ser criadas com base nas existentes, substituindo-se os códigos de cores existentes por aqueles que correspondam ao seu novo esquema de cores. As cores primárias para atualização em uma folha de estilo são:

  • Plano de fundo do corpo
  • Texto, botão de texto, títulos, selecionado e não selecionado
  • Cores do plano de fundo do botão
  • Navegação lateral, incluindo plano de fundo e borda

As cores para os elementos anteriores são usadas em várias classes de estilo a fim de se obter o esquema de cores geral do tema. Após a identificação dos novos códigos de cores para cada um desses elementos, o código de cor existente pode ser substituído pelos novos a cada ocorrência na folha de estilo.

As etapas a seguir descrevem como criar folhas de estilo e incluí-las para customizar a paleta.

  1. Abra o arquivo QuickrCommonResourcesApp.ear em

    custom_common_resources_root \css

    Há uma lista de pastas (greyTheme, purpleTheme e etc.), cada uma associada a um estilo listado na paleta de customização. Cada pasta contém uma folha de estilo que define o esquema de cores e um conjunto de imagens para corresponder ao esquema de cores.

  2. Defina sua folha de estilo customizada copiando uma pasta de estilo existente, por exemplo, greyTheme. Renomeie esta pasta como <yourCustomTheme>. Renomeie também a folha de estilo como <yourCustomTheme>.css.
  3. Atualize o arquivo CSS customizado para incluir as cores do tema de sua empresa. Salve as alterações.

    Em seguida, será necessário tornar sua folha de estilo customizada disponível na paleta customizada.

  4. Abra e edite o arquivo custom_theme_root\system\styles.json.

    O arquivo JSON contém entradas para cada folha de estilo listada na paleta de customização. Para incluir uma entrada para a folha de estilo customizada, copie uma entrada existente e edite o ID para apontar para o caminho de sua folha customizada. Este é um exemplo de uma nova entrada:

    {'label':'<newLabel>','id':'<yourCustomTheme>/<yourCustomTheme>
    .css','thumbnail':ibmPortalConfig.themeRootURI+'/images/changeStyle/
    <yourCustomTheme>.gif','help':''}

NOTA: Quaisquer erros nesse arquivo podem impedir que você carregue a paleta customizada no servidor. Se esse problema for o caso, verifique o arquivo em busca de vírgulas ausentes, chaves abertas e quaisquer outros erros de sintaxe.

Depois de concluir as etapas, você poderá ver a folha de estilo customizada disponível no shelf. A figura 4 mostra a folha customizada.

Figura 4. Shelf de customização com o botão de tema customizado

Atualizando estilos para o catálogo de local

A página inicial após o login (o catálogo de local) exibe a lista de todos os locais disponíveis. Os estilos dessa página são configurados com uso de um JSP armazenado no aplicativo de recursos comuns. As etapas a seguir mostram como aplicar sua folha de estilo na página de catálogo de local.

  1. Copie o arquivo custom_common_resources_root\defaultTheme\commonstyles.jsp para a pasta custom_common_resources_root \<yourCustomTheme>.
  2. Abra o arquivo custom_common_resources_root \<yourCustomTheme>\commonStyles.jsp e substitua o arquivo defaultTheme.css pelo arquivo <yourCustomTheme>.css.
  3. Por fim, edite os JSPs listados substituindo o texto das linhas de texto conforme mostrado aqui:

    JSP a ser substituído:

    1. wp_profile/installedApps/qkr/placeCntrApp.ear/placeCntrAppUI.war/WEB-INF/jsp/catalog.jsp
    2. wp_profile/installedApps/qkr/placeCntrApp.ear/placeCntrAppUI.war/WEB-INF/jsp/search.jsp
    3. wp_profile/installedApps/qkr/placeCntrApp.ear/placeCntrAppUI.war/WEB-INF/jsp/templates.jsp
    4. wp_profile/installedApps/qkr/placeCntrApp.ear/placeCntrAppUI.war/WEB-INF/jsp/noPermission.jsp
    5. wp_profile/installedApps/qkr/searchApp.ear/searchCenterUI.war/WEB-INF/jsp/PlaceSearchCenter.jsp
    6. wp_profile/installedApps/qkr/searchApp.ear/searchCenterUI.war/WEB-INF/jsp/ECMSearchCenter.jsp

    Substitua a linha de texto

    <link rel="stylesheet" href="${commonRes}/css/defaultTheme/
    commonstyles${rtlSuffix}.jsp" type="text/css" />

    por

    <link rel="stylesheet" href="${commonRes}/css/
    <yourCustomTheme>/commonstyles${rtlSuffix}.jsp" type="text/css" />

Depois de salvar as mudanças e atualizar o navegador, é possível ver a folha de estilo customizada aplicada à página Places Catalog.


Atualizando a folha de estilo padrão

Logotipo

Para atualizar o logo de sua empresa, use o novo logotipo para substituir os seguintes arquivos:

  • custom_theme_root\css\images\logo_black.png
  • custom_theme_root \css\images\logo_white.png
  • custom_theme_root \css\images\logo.png

As classes de estilo de logotipo são compactadas no arquivo themeroot\css\themeStyles.jsp. Atualize esse JSP para ajustar a altura, a largura, a cor do plano de fundo, etc. do logotipo.

Navegação global e guias de local

Os links de navegação na parte superior da página permanecem constantes em todas as páginas no Lotus Quickr. Esses links são chamados de links de navegação global. A figura 5 mostra a navegação global pronta para uso quando renderizada.

Figura 5. Navegação global pronta para uso

A navegação global existente é renderizada com um widget Dojo. É possível modificar a barra de navegação sem fazer alterações no Dojo. O exemplo a seguir mostra como incluir entradas na navegação conforme mostrado na figura 6 e na listagem 2.

Figura 6. Navegação global customizada

Listagem 2. Navegação global: globalNav.jspf

                    <ul id="quickrGlobalNav" class="lotusInlinelist lotusLinks">
                    <li class="lotusSelected"><a href="/places">Places</a></li>
                    <li class="lotusInlinelist"><a href="http://yourPortalURL">Portal</a></li>
                    
                    </ul>

De modo similar, é possível fazer alterações para colocar uma linha de guia editando o arquivo custom_theme_root\topNav.jspf. O fragmento de código na listagem 3 inclui outra guia à linha da guia de local conforme mostrado na figura 7.

Listagem 3. Navegação na parte superior: topNav.jspf

                    <ul class="lotusTabs lotusLeft" style="width: 50%" id="quickrTopNav">
                    <li class="lotusFirst">
                    <a href="/places/publicplaces">Public Places</a></li>
                        <li class="lotusFirst">
                        <a href="/places/myplaces">My Places</a></li>
                        <li class="lotusFirst">
                        <a href="http://yourcustomURL">Custom Service</a></li>
                     </ul>
Figura 7. Guias de local customizadas

Como alternativa, também é possível usar o código de widget existente para enviar os links aos serviços customizados incluídos no arquivo LotusQuickr-config. Para obter mais detalhes sobre como incluir um serviço customizado ao serviço de configuração do Lotus Quickr, siga as etapas no Centro de Informações do Lotus Quickr 8.5.

Navegação lateral

A navegação lateral, também conhecida como navegação esquerda, renderiza páginas em um local do Lotus Quickr. Por padrão, a navegação lateral é criada com o uso de um widget Dojo. Os usuários podem modificar a navegação lateral para editar o esquema de cores ou o layout de elemento ou para incluir entradas. Embora mudanças como cores atualizadas ou outra semântica de apresentação possam ser modificadas por meio da atualização de CSS no aplicativo de recursos comuns, outras mudanças, como inclusão de mais links semelhantes ao link Members existente, requerem modificação no arquivo sideNav.jspf localizado em <themeroot>.

A listagem 4 é um exemplo que mostra como incluir mais entradas à navegação lateral.

Listagem 4. Navegação lateral: sideNav.jspf

                    <ul>
                         <li <c:if test="${!inPlace}">class="lotusSelected"</c:if>>
                            <a id="membersLink" href="${appMembers}
                            &mp=${mp}&mr=${mr}&eap=${eap}'
                            cp=${colorPalette}<%= ref %>" <c:if
                            test="${!inPlace}">style="cursor:pointer"</c:if>>
                            <portal-fmt:text key="view.membership"
                            bundle="nls.quickr" /></a>
                        </li>
                        <li><a href="">Item 1</a></li>
                        <li><a href="">Item 2</a></li>
                        <li><a href="">Item 3</a></li>
                        \</ul>

A Figura 8 apresenta um menu de navegação lateral de amostra com atualizações nas cores, nos estilos de menu e no layout. Os estilos aplicados à navegação lateral são armazenados no aplicativo de recursos comuns.

Figura 8. Navegação lateral

Shelf de customização

Shelf de customização fornece um local para os gerentes do local customizarem seus locais selecionando entre vários layouts de página, temas de cor e componentes do Lotus Quickr disponíveis. O shelf de customização não está disponível para usuários do local que não são gerentes.

Em seu estado pronto para uso, o shelf de customização consiste em três guias: Add Content, Change Layout e Change Styles. Enquanto você usa Add Content para incluir componentes a um local, Change Layout e Change Styles fornecem layouts e folhas de estilo para customizar a apresentação de seu local.

A seção anterior sobre "Inclusão de folhas de estilo" descrevem como criar e incluir folhas de estilo a um tema customizado. De modo semelhante, é possível modificar o arquivo custom_theme_root\new_quickr.json para incluir componentes customizados no shelf. Após a inclusão, o componente customizado estará disponível para cada gerente do local no Lotus Quickr.

As etapas a seguir descrevem as mudanças necessárias para incluir componentes no shelf de customização.

  1. Abra e edite o arquivo custom_theme_root \new_quickr.json.

    O arquivo JSON contém entradas para cada componente listado na paleta de customização. Para incluir uma entrada para o componente de customização, copie uma entrada existente e edite o rótulo de valores do componente customizado: component_title, description, portletID (uid para portlet), id (uid para portlet) e thumbnail. A Listagem 5 é um exemplo de uma nova entrada.

    Listagem 5. Entrada de exemplo: new_quickr.json

    Clique aqui para ver lista de códigos

                                {'label':'CustomComponent’,
                                'component_title':' CustomComponent ',
                                'description':'This is my custom component',
                                'applicationID':ibmPortalConfig.appID,
                                'portletID':'wps.p.teamCalendar',
                                'id':'wps.p.teamCalendar',
                                'redirect':'true',
                                'nodesOnLevel':ibmPortalConfig.nodesOnLevel,
                                'samePage':'true',
                                'cmdUrl':ibmPortalConfig.myurl,
                                'thumbnail': 'class:qkrSprite-components qkrSprite-components-events-16x16'}

Depois de concluir essas etapas, você poderá ver o componente customizado disponível no shelf.

Dica: Se você incluir uma nova entrada como última entrada no arquivo JSON, insira uma vírgula no final da linha anterior para garantir o formato de arquivo correto. Quaisquer erros nesse arquivo podem impedir que você carregue a paleta customizada no servidor.

Consulte o artigo da wiki do Lotus Quickr, “Adding components to customize shelf: qp85”, para obter mais detalhes sobre a inclusão de componentes customizados no shelf de customização.

Rodapé

O rodapé do tema, que é a seção na parte inferior da página do tema, é comum em todas as páginas em um local, catálogo de locais ou páginas de administração de locais do Lotus Quickr. O rodapé comum está incluído no aplicativo de recursos comuns do Lotus Quickr. O JSP do rodapé pode ser customizado para incluir ou remover entradas, alterar o layout ou modificar os estilos de rodapé. É possível fazer mudanças no rodapé do tema acessando o arquivo custom_common_resources_root/jsp/footer.jsp.


Customização da aparência

A aparência do Portlet é um wrapper que se desloca para o portlet. O título do portlet, as ações de menu portlet e uma borda para marcar a área do portlet são todos renderizados pela aparência. As aparências são empacotadas dentro do EAR de tema e estão localizadas em:

wp_profile\installedApps\ <server_node_name&gt;\&lt;QuickrCustomTheme.EAR&gt;
\wp.theme.quickrtheme.war\skins\html

A Figura 9 mostra a aparência padrão da maneira como é exibida no Lotus Quickr.

Figura 9. Portlet dentro da aparência do portlet

Nesse estado pronto para uso o Lotus Quickr é fornecido com duas aparências principais:

  • XQkrSkin (aparência padrão usada no tema do Lotus Quickr)
  • QkrThinSkin

Os usuários podem selecionar qualquer tipo de aparência, dependendo dos requisitos. Embora o QkrSkin padrão seja parecido com o mostrado na figura 9, o QkrThinSkin oculta o wrapper de aparência e o torna visível apenas quando o ponteiro do mouse está sobre a área do portlet. De forma semelhante, os usuários também podem criar aparências customizadas e aplicá-las nos locais. A Figura 10 mostra um local com QkrThinSkin.

Figura 10. Portlet sem a aparência do portlet

Note que não há wrapper de aparência em torno do portlet nesse momento. Entretanto, o wrapper será exibido se você apontar para o portlet. Esse wrapper pode ser customizado para nunca mostrar a aparência ou mostrar apenas o menu do portlet todas às vezes.


Arquivos de tradução

Os pacotes configuráveis de idioma para o tema do Lotus Quickr estão localizados em:

\portalserver\shared\app\nls\quickr_xx.properties.

Eles seguem o padrão de nomenclatura quickr_[language].properties. É possível incluir novas cadeias de caracteres ao tema incluindo novos pacotes configuráveis de recursos a esse diretório. Mais detalhes sobre a inclusão de pacotes configuráveis de recursos podem ser localizados no Centro de Informações do WebSphere Portal V6.1.5.


Conclusão

Este artigo resume os cenários comuns para customizar temas no Lotus Quickr 8.5. Com as informações incluídas neste artigo, você deverá estar pronto para criar temas e torná-los seu tema. Use este artigo como um guia para entender como modificar as diferentes partes do tema.

Recursos

Comentários

developerWorks: Conecte-se

Los campos obligatorios están marcados con un asterisco (*).


Precisa de um ID IBM?
Esqueceu seu ID IBM?


Esqueceu sua senha?
Alterar sua senha

Ao clicar em Enviar, você concorda com os termos e condições do developerWorks.

 


A primeira vez que você entrar no developerWorks, um perfil é criado para você. Informações no seu perfil (seu nome, país / região, e nome da empresa) é apresentado ao público e vai acompanhar qualquer conteúdo que você postar, a menos que você opte por esconder o nome da empresa. Você pode atualizar sua conta IBM a qualquer momento.

Todas as informações enviadas são seguras.

Elija su nombre para mostrar



Ao se conectar ao developerWorks pela primeira vez, é criado um perfil para você e é necessário selecionar um nome de exibição. O nome de exibição acompanhará o conteúdo que você postar no developerWorks.

Escolha um nome de exibição de 3 - 31 caracteres. Seu nome de exibição deve ser exclusivo na comunidade do developerWorks e não deve ser o seu endereço de email por motivo de privacidade.

Los campos obligatorios están marcados con un asterisco (*).

(Escolha um nome de exibição de 3 - 31 caracteres.)

Ao clicar em Enviar, você concorda com os termos e condições do developerWorks.

 


Todas as informações enviadas são seguras.


static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=80
Zone=Lotus
ArticleID=973282
ArticleTitle=Customizando temas no IBM Lotus Quickr 8.5 para WebSphere Portal
publish-date=10282010