Ultimamente estoy utilizando el programa Artisteer para la creación de los skins que utilizo en algunos Proyectos, los cuales son multi lenguaje. En este artículo intentaré explicar de forma sencilla cómo poder usar un sistema multi lenguaje en un skin creado por Artisteer ya que el módulo menú que utiliza es propio y no puede ser Localizado.
Todo lo expuesto en este artículo sólo puede ser aplicado en Sitios Web sencillos con contenido en módulos HTML o módulos que permitan la Localización de su contenido, ya que el sistema utilizado para la Localización sólo permite dicha funcionalidad.
Artisteer
Este programa permite crear diseños y exportarlos a Skin DNN 4 o 5. Una de las limitaciones, en su versión gratuita o Demo,reside en NO poder guardar la configuración del skin para su posterior modificación. Para ello deberíamos volver a seleccionar todas las opciones correspondientes y volver a generar el skin.
Todavía quedan pendientes algunas características para la creación de Skins DNN ya que controles como el selector de idioma, enlaces Register y Login, y el Logo, deben agregarse manualmente en el archivo ASCX. Por ejemplo, para visualizar el selector de idioma debemos agregar:
En la parte superior ...
<%@ Register TagPrefix="dnn" TagName="LANGUAGE" Src="~/Admin/Skins/Language.ascx" %>
Donde se desee visualizar ...
<dnn:language runat="server" id="dnnLANGUAGE" showmenu="False" showlinks="True">
Como bien se explica en su web, una vez seleccionado el diseño, exportamos a formato DNN. El Skin se instala en DNN como otro cualquiera.
NOTA: No es posible crear varios Containers en un Skin. Para ello debemos crear el mismo Skin con su Container para cada Container que desemos tener. En el Sitio Web deberemos seleccionar el Skin relacionao al Container que deseemos utilizar.
Ealo
Normalmente utilizo el módulo de Locopon DSTabLocalizator pero no es posible hacerlo funcionar en Skins de Artisteer, a no ser que se intentara integrar el DNNMenu o SolPart en el Skin. Personalmente no lo conseguí!
Entre diversos módulos de Localización, Apollo, Ealo, etc., me decanté por Ealo ... es gratuito! ;) A diferencia del DSTabLocalizator debemos instalar varias partes, las cuales podemos descargar de Codeplex.
Por un lado instalamos como cualquier otro módulo el Ealo CoreAPI, el cual incluye el DNNMenu, pero también necesitaremos el Ealo Tab Localization. Este último se agrega en una página, normalmente creo una página llamada Ealo en el menú Admin, en el cual observaremos una lista con todas las páginas del Sitio Web permitiendo la Localización sólo del Nombre y Título de cada una de ellas.A diferencia del DSTabLocalizator, no podemos por ejemplo visualizar los módulos u ocultarlos según el idioma.
Si ya hemos aplicado el Skin generado por Artisteer observaremos que en el menú no se aplica el multi lenguaje. Esto es debido a que el Proveedor de Artisteer ( <dnn:ARTMENU ...) no permite la localización. Por consiguiente debemos utilizar otro Proveedor de Menús que sí lo permita manteniendo el diseño del Skin.
Por otro lado, tenemos el módulo Ealo HTML el cual permite contenido de texto multi lenguaje. Es realmente sencillo de utilizar ya que sólo debemos seleccionar el idioma e indicar el contenido.
DNN Garden
Gracias a un Post en los foros de esta Comunidad de Luis Vilaplana conocí DNN Garden. Disponen de un módulo menú basado en plantillas y que, efectuando una serie de cambios manualmente, permite la Localización en Skins de Artisteer.
En primer lugar instalamos el módulo como cualquier otro en Host >Definiciones de módulo, y nos aseguramos que en el web.config se ha agregado la siguiente linea en la sección Providers de navigationControls.
<add name="DDRMenuNavigationProvider" type="DNNDoneRight.DDRMenu.DDRMenuNavigationProvider, DNNDoneRight.DDRMenu" />
A continuación es necesario instalar una Plantilla para la sustitución del menú creado por Artisteer. Para ello descargamos la plantilla ArtisteerFish, lo descomprimimos y copiamos en una carpeta llamada ArtisteerFish en la carpeta del Skin. Si dicha carpeta la guardamos en DesktopModules/DDRMenu se aplicará a toda la instancia. Esta plantilla no es de diseño sino que permite que Artisteer aplique el Skin al menú.
Ahora debemos modificar el archivos ASCX del skin y agregar la siguiente linea en la parte superior.
<%@ Register TagPrefix="ddr" TagName="MENU" Src="~/DesktopModules/DDRMenu/Menu.ascx" %>
Y reemplazar el control del menú ...
<dnn:ARTMENU ...
con
<ddr:MENU MenuStyle="ArtisteerFish" runat="server" />
Un punto a tener en cuenta es que si Artisteer nos visualizaba Register y Login en el menú ahora observaremos que ha desaparecido. Por consiguiente deberemos agregar dichos enlaces manualmente en el archivo ASCX con <dnn:USER ... y <dnn:LOGIN ...
Para terminar mencionar que en algunas ocasiones ha sido necesario ir limpiando el Caché e incluso Reiniciar la aplicación.