Después de la versión 2.2.7.7, se ha implementado una solución para combinar y minimizar las diferentes CSS. Todas las skins incluidas en el portal se han modificado para seguir este nuevo algoritmo y no ha necesidad de tomar ninguna acción al respecto, por lo contrario si se está utilizando una skin personalizada se han de realizar lo siguiente cambio.
- En layout.Master:
Se ha de cambiar
<portal:StyleSheet id="StyleSheet" runat="server" />
Por:
<portal:StyleSheetCombiner id="StyleSheetCombiner" runat="server" />
- Copiar el archive style.config de cualquier otra skin. Este archivo contiene una lista con los archivos que se han de incluir y combinar.
Depurar problemas en las CSS
Para poder depurar cualquier problema en las CSS se han de cambiar lo siguiente:
<addkey="CombineCSS" value="true" />
<add key="MinifyCSS" value="true" />
Una vez cambiadas la variable arriba mencionada se tiene que limpiar el cache del servidor. Esto se puede hacer usando el comando touch en Web.config. Una vez limpiado el cache del servidor también se ha de limpiar el cache del navegador web, sino los cambios no se verán.
Por ejemplo a la hora de depurar se puede poner MiniCss en falso, ver el código de la página web y copiar la url de csshandler.ashx y pegar en una nueva ventana del navegador.
Desde la versión 2.2.8.1 (actualizada en 2006-12-22) hay dos variables nuevas que ayudan depurar las CSS mientras que se desarrollan. Por defecto las CSS son guardadas en el cache del servidor como en el cache del navegador web, pero cuando se está desarrollando una nueva skin esta función es bastante molesta. Para evitar que se copien al cache las CSS se han de poner las variables en Web.config de la siguiente forma:
<add key="CacheCssOnServer" value="false" />
<add key="CacheCssInBrowser" value="false" />
Una vez que el diseño este terminado lo ideal es poner las variables de nuevo a true:
<add key="CacheCssOnServer" value="true" />
<add key="CacheCssInBrowser" value="true" />
Problemas con las imágenes de fondo
Si se tienen problemas haciendo aparecer las imagenes de fondo en las CSS se ha comprobado que asegurase que se utiliza una sola coma ‘ en lugar de “ soluciona el problema, es decir, hay que asegurarse que todas las imágenes de fondo usan:
url('imagen.gif')
Problemas con las pestañas en la página de configuración.
Si se está utilizando una skin personalizada y las pestanas no aparecen en la página de configuración, por favor compruebe que lo siguiente se encuentra en style.config
<file csswebconfigkey="YUITabCss" imagebasewebconfigkey="YUISkinImagePath">none</file>
<file cssvpath="/ClientScript/oomph/oomph.css" imagebasevpath="/ClientScript/oomph/">none</file>
Y lo siguiente se encentra en Web.config:
<add key="YUIBasePath" value="~/ClientScript/yui-252/" />
<add key="YUITabCss" value="~/ClientScript/yui-252/assets/skins/sam/tabview.css" />
<add key="YUISkinImagePath" value="/ClientScript/yui-252/assets/skins/sam/" />
Los datos mencionados pueden cambiar a medida que se actualicen las librerías YUI utilizadas por mojoPortal.