nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

Cambiar tema/Apariencia Alfresco 4.2

erangel

Hola quisiera saber como Cambiar tema/Apariencia Alfresco 4.2

Find more posts tagged with

Comments

cristinamr

Buenas.

Ojea la documentación online de Alfresco, selecciona tu versión (3.4 o 4.x) y busca por "theme". Te saldrá algo similar a esto entre las distintas opciones:

Selecting themes

Only an Administrator user can select the Share theme. Any change to the theme will affect all users of the Alfresco instance from the next time that they log in or from a browser refresh.
The installation wizards install the default theme and the sample alternative themes. The available themes are installed in the <configRootShare>/classes/alfresco/site-data/themes directory.
On the toolbar, expand the More menu and click Application in the Tools list.
The Options page appears.
Select the required theme from the menu:
Green Theme
Yellow Theme
High Contrast Theme
Default Theme
Google Docs Theme
Click Apply.
The new theme displays in Share. The new theme persists across sessions.
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Espero que te sirva de orientación

Un saludo!

cvazquez

Cambio de Apariencia de alfresco

2.1   Cambiar la barra de menús de Alfresco
Cambiar la imagen “navigation-bg.png” de la siguiente ruta:
C:\Alfresco\tomcat\webapps\share\themes\default\images

2.2   Cambiar la apariencia de los Botones de la Barra de Menús.
Para cambiar los botones de el alfresco modificar la siguiente imagen
title-button-bg.png

2.3   Cambio de color en el Banner
Para realizar el Cambio de color en la línea del Banner localizar en el archivo presentation.css el color existente en la pantalla en este caso fue el siguiente: Linea 213 aproximadamente

.dashlet.welcome-bodya:hover
{
color: #265E86
}
Y realizar el cambio por el color deseado en todas las líneas donde se encuentre ese color.

2.4   Cambia el color de las letras cuando se pasa el mouse por encima.
La línea cambia el color de las letras cuando se pasa el mouse por encima en la sección seleccionada. El archivo modificado es el de “presentación.css” que se encuentra en la siguiente ruta:
C:\Alfresco\tomcat\webapps\share\themes\default
Linea 595 Aproximadamente
{
   color: #000;
}

2.5   Cambiar el color de fondo del dashlet.
Para cambiar el color de fondo del dashlet cambiar el color en la siguiente línea del código en el archivo de “presentación.css”
Linea 184 Aproximadamente:

.dashlet .body
{
background-color: #ffffff;
}

2.6   Cambiar el color fijo de la letra de los menús.

Para cambiar el color fijo de la letra de los menús en el siguiente código cambiar lo que se muestra en las lineas 380 a la 384 aproximadamente.

2.7   Cambio de Logo Parte Inferior del tema

Para cambiar el logo que se encuentra en la parte inferior de la pantalla la imagen se encuentra en la siguiente ruta:
alfresco-share-logo.png
C:\Alfresco\tomcat\webapps\share\components\images

2.8   Cambiar la leyenda que aparece después del logo ubicado en la parte de abajo
Para cambiar la leyenda que aparece después del logo ubicado en la parte de abajo cambiar la leyenda en el siguiente archivo:
footer.get_es.properties
C:\Alfresco\tomcat\webapps\share\WEB-INF\classes\alfresco\site-webscripts\org\alfresco\components\footer

2.9   Cambiar la leyenda del de la pantalla del Login.

Para cambiar la leyenda que aparece en la imagen del login de la pantalla cambiar el siguiente archivo.
C:\Alfresco\tomcat\webapps\share\WEB-INF\classes\alfresco\messages\
slingshot_es.properties

2.10   Realizar el cambio del color en la imagen de abajo.

Para realizar el cambio del color de la parte de abajo de la pantalla modificar el archivo que se muestra abajo en la ruta indicada.
C:\Alfresco\tomcat\webapps\share\components\footer\
Footer.css

3   Instalación del Tema de Alfresco en el share.
1.   Creamos una nueva carpeta dentro de la que contiene los temas: tomcat\webapps\share\themes
1.   Hay que nombrarla sin espacios
2.   Copiamos en su interior los archivos de un tema ya existente, ej:greenTheme
2.   Editamos los archivos al gusto…
1.   Modificamos las CSS teniendo en cuenta que, en el caso específico de "presentation.css" y "yui\assets\skin.css" (ambos archivos dentro del nuevo directorio que hemos creado para el nuevo tema), hay que buscar los nombres de todas las propiedades "yui-skin-greenTheme" (por ser el ejemplo) y reemplazarlos por "yui-skin-ElNuevoNombreDelTema"
2.   Sustituimos, si es necesario, las imágenes por otras similares (ej: logo de la compañía)
3.   Creamos un XML para el nuevo tema en: tomcat\webapps\share\WEB-INF\classes\alfresco\site-data\themes. Lo más sencillo es copiar uno existente y modificar tanto el nombre como el contenido:
Código
<?xml version='1.0' encoding='UTF-8'?>
<theme>
<title>El Nuevo Nombre Del Tema</title>
<title-id>theme.ElNuevoNombreDelTema</title-id>
</theme>

Así, el nuevo tema aparecerá en el panel de control del Administrador del Share para que pueda ser aplicado (Herramientas/Aplicación).

cristinamr

Cristian, muy buena tu información pero en vez de tocar el source deberías hacerlo en un jar, amp o similar. Ojea este link como referencia.

Así evitas que se pierdan tus cambios cuando tengas que hacer un despliegue nuevo. Desplegando un jar te aseguras que estará ahí siempre

Un saludo.

alramlo

Se agradece la info para saber como ir metiéndole mano al css