IBM Connections: Customizing Connections Theme

From Wiki

Atualizado para o Connections 5.5

Customizando Básica

Customizando apenas cores, fontes, ...

Criando os diretórios

mkdir -p /opt/IBM/SharedArea/customization/themes/hikariTheme
mkdir -p /opt/IBM/SharedArea/customization/themes/gen4Theme
mkdir -p /opt/IBM/SharedArea/customization/themes/pinkTheme
mkdir -p /opt/IBM/SharedArea/customization/themes/redTheme
mkdir -p /opt/IBM/SharedArea/customization/themes/greenTheme
mkdir -p /opt/IBM/SharedArea/customization/themes/onyxTheme
mkdir -p /opt/IBM/SharedArea/customization/themes/goldTheme
mkdir -p /opt/IBM/SharedArea/customization/themes/purpleTheme
mkdir -p /opt/IBM/SharedArea/customization/themes/orangeTheme
mkdir -p /opt/IBM/SharedArea/customization/themes/blueTheme
mkdir -p /opt/IBM/SharedArea/customization/themes/silverTheme

Crie o arquivo custom.css e copie para os demais diretórios

cp /tmp/custom.css /opt/IBM/SharedArea/customization/themes/hikariTheme
cp /tmp/custom.css /opt/IBM/SharedArea/customization/themes/gen4Theme
cp /tmp/custom.css /opt/IBM/SharedArea/customization/themes/pinkTheme
cp /tmp/custom.css /opt/IBM/SharedArea/customization/themes/redTheme
cp /tmp/custom.css /opt/IBM/SharedArea/customization/themes/greenTheme
cp /tmp/custom.css /opt/IBM/SharedArea/customization/themes/onyxTheme
cp /tmp/custom.css /opt/IBM/SharedArea/customization/themes/goldTheme
cp /tmp/custom.css /opt/IBM/SharedArea/customization/themes/purpleTheme
cp /tmp/custom.css /opt/IBM/SharedArea/customization/themes/orangeTheme
cp /tmp/custom.css /opt/IBM/SharedArea/customization/themes/blueTheme
cp /tmp/custom.css /opt/IBM/SharedArea/customization/themes/silverTheme

Customização Avançada

Customizando apenas padding, divs padrões

Pegando o tema default

Localize o tema

# mkdir -p /tmp/hikari
# cd /tmp/hikari
# find /opt/IBM/WebSphere | grep com.ibm.social.hikari.theme

Resultado

/opt/IBM/WebSphere/AppServer/profiles/AppSrv01/installedApps/connectionsCell/Common.ear/connections.web.resources.war/WEB-INF/eclipse/plugins/com.ibm.social.hikari.theme_1.0.0.20151204-1501.jar

Copie o tema

cp /opt/IBM/WebSphere/AppServer/profiles/AppSrv01/installedApps/connectionsCell/Common.ear/connections.web.resources.war/WEB-INF/eclipse/plugins/com.ibm.social.hikari.theme_1.0.0.20151204-1501.jar .

Extrair o tema

# /opt/IBM/WebSphere/AppServer/java/bin/jar xf com.ibm.social.hikari.theme_1.0.0.20151204-1501.jar

Copiando o defaultTheme.css

# cd /opt/IBM/SharedArea/customization/themes/hikariTheme/

# cp /tmp/hikari/resources/css/defaultTheme/defaultTheme.css .

Pronto baixa customizar

Para localizar os demails

# find /opt/IBM/WebSphere | grep com.ibm.social.hikari.theme
result --> com.ibm.social.hikari.theme_1.0.0.20151204-1501.jar
# find /opt/IBM/WebSphere | grep com.ibm.social.gen4.theme
result --> com.ibm.social.gen4.theme_4.0.0.20151204-1501.jar
# find /opt/IBM/WebSphere | grep com.ibm.oneui3
result --> com.ibm.oneui3.styles_3.0.3.20120816-1522.jar

Copiando os demais temas

cp /tmp/hikari/resources/css/defaultTheme/defaultTheme.css /opt/IBM/SharedArea/customization/themes/hikariTheme/
cp /tmp/gen4/resources/css/defaultTheme/defaultTheme.css  /opt/IBM/SharedArea/customization/themes/gen4Theme/
cp /tmp/oneui3/resources/css/blueTheme/blueTheme.css      /opt/IBM/SharedArea/customization/themes/blueTheme/
cp /tmp/oneui3/resources/css/goldTheme/goldTheme.css      /opt/IBM/SharedArea/customization/themes/goldTheme/
cp /tmp/oneui3/resources/css/greenTheme/greenTheme.css    /opt/IBM/SharedArea/customization/themes/greenTheme/
cp /tmp/oneui3/resources/css/onyxTheme/onyxTheme.css      /opt/IBM/SharedArea/customization/themes/onyxTheme/
cp /tmp/oneui3/resources/css/orangeTheme/orangeTheme.css  /opt/IBM/SharedArea/customization/themes/orangeTheme/
cp /tmp/oneui3/resources/css/pinkTheme/pinkTheme.css      /opt/IBM/SharedArea/customization/themes/pinkTheme/
cp /tmp/oneui3/resources/css/purpleTheme/purpleTheme.css  /opt/IBM/SharedArea/customization/themes/purpleTheme/
cp /tmp/oneui3/resources/css/redTheme/redTheme.css        /opt/IBM/SharedArea/customization/themes/redTheme/
cp /tmp/oneui3/resources/css/silverTheme/silverTheme.css  /opt/IBM/SharedArea/customization/themes/silverTheme/

Altere o css padrão conforme a sua necessidade

Ver também