Dos Ideas. - Contribuciones del usuario [es]

Visualización dinámica de web content en Liferay

2013-10-30T17:32:18Z

Franco:

En este ejemplo se muestra como visualizar de forma dinámica, un Web Content especifico mediante su id.

En el código del template vemos como obtener un parámetro de la url actual (el id del Web Content) y como buscar el contenido para visualizar.

<code>
#set ($current_url = $request.get("attributes").CURRENT_COMPLETE_URL)
#set ($paramName='webContentId')
#set ($webContentId = $httpUtil.getParameter($current_url, $paramName))
#set ($group_id = $getterUtil.getLong($request.theme-display.scope-group-id))
#set ($webcontent-id = $webContentId)
#set ($webcontent=$journalContentUtil.getContent($group_id, $webcontent-id, "", "$locale", ""))

## Para webcontents globales que tienen asociado una estructura y template
## $journalContentUtil.getContent($company.group.groupId, $webcontent-id, $viewMode, $request.theme-display.language-id , $xmlRequest)

#if($webcontent)
$webcontent
#else
<a href="?webContentId=WHO-IS-USING-LIFERAY">WHO-IS-USING-LIFERAY</a>
<br>
#end
<a href="/web/guest/prueba">Ir al link</a>
</code>

Para asignar un id propio a un Web Content hay que agregar la siguiente propiedad al archivo portal-ext.properties.

<code>
journal.article.force.autogenerate.id=false
</code>

Esto habilitara en la creación del Web Content la posibilidad de cargar un id propio o la opción de tildar que Liferay lo autogenere.

[[Category:Liferay Web Content]]

Liferay Portal

2013-09-18T13:13:04Z

Franco: /* Internacionalización */

[[Category:Portlet]]
Liferay Portal es un [[Administrador De Contenidos]] de [[Software Libre]] basado en Java, que cumple con la [[Portlet Specification Api]].

Entre las características principales se destacan:
* Administrador de contenidos (CMS) y una Suite de colaboración
* Varios porlets integrados listos para usar
* Herramientas de desarrollo
* Traducción a 22 idiomas
* Funciona con los principales [[Servidor de Aplicaciones]], bases de datos y sistemas operativos.

== Conceptos de estilos y disposición ==
=== Tema (Theme) ===
Vamos a ver los conceptos de Tema (Theme), Disposición (Layout).

Un '''Tema (o Theme)''' es el encargado de renderizar la página en su totalidad, e incluye los aspectos visuales generales del sitio. Un Tema incluye los JavaScript generales, los CSS, y seguramente también el logo del sitio, el menú general, el pie de página, etc. El Tema define un área donde se ubicará el contenido.

Al crear un Tema en realidad se suele "heredar" de algún tema ya existente. Liferay trae 2 temas ya preparados para heredar: "_styled" (del que suele heredarse) y "_unstyled" (que es aún más básico). Se puede consultar el código de estos temas en <LIFERAY_WEBAPP>/html/themes

=== Disposición (layout) ===
Un Tema declara un área donde se ubicará el contenido. Este área de contenido puede tener distintas disposiciones (2 columnas, 3 columnas, etc.); esta disposición se conoce como Layout. Cada página en Liferay puede tener un Layout asociado.

Liferay ya trae varios Layouts comunes declarados, y pueden crearse nuevos. Se puede consultar el código de estos temas en <LIFERAY_WEBAPP>/layouttpl

== Conceptos de gestión de contenidos ==
Liferay permite manejar dos grandes conceptos para gestionar el contenido de una página:
* Estructuras
* Listas dinámicas

=== Estructuras ===
Se pueden crear estructuras de datos para que el usuario complete y pueda cambiar facilmente contenido de la página sin tocar HTML. Una estructura tiene asociado una Plantilla (Template) que indica cómo se renderiza el contenido de una Estructura.

Por ejemplo, puede crearse una estructura Promocion, que contenga un título y una imagen. Luego, se puede crear una Plantilla para la estructura Promoción que renderiza dicha estructura mostrando la imagen y el título debajo.

Al usuario final le quedan entonces 2 pasos para completar:
1. Instanciar la estructura para agregarle datos.
2. Ubicar la estructura instanciada en alguna posición de la página.

Las estructuras, plantillas y instancias de estructras se gestionan desde el Control Panel > Site > Web Content.

=== Listas dinámicas ===
Se pueden crear listas de contenido variable, para que el usuario agregue como si de una lista se tratara. Las listas son de un tipo de dato en particular (el cual se configura al igual que una estructura), y se les asocia una plantilla para renderizar la lista (y opcionalmente, una plantilla para renderizar el formulario de ingreso de un dato de la lista).

Las listas dinámicas se gestionan desde el Control Panel > Site > Dynamic Data Lists

Leer más sobre [http://www.liferay.com/es/documentation/liferay-portal/6.1/user-guide/-/ai/make-it-pretty-creating-custom-displays Crear y estilar listas dinámicas en Liferay].

== Internacionalización ==
Liferay provee la internacionalización de un set amplio de idiomas, en el caso de que no se encuentre el idioma ó el dialecto especifico que necesitas, con los siguientes pasos lo podes agregar.

En este caso vamos a gregar el dialecto de Argentina <b>es_AR</b>.

Agregar el archivo "Language_es_AR.properties" en el directorio LIFERAY_PORTAL/WEB-INF/src/content

Agregar la propiedad "locales" al archivo portal-ext.properties, ubicado en el directorio LIFERAY_PORTAL/WEB_INF/classes, en el caso de que no exista el archivo crearlo.

<code>
locales=ar_SA,eu_ES,bg_BG,ca_AD,ca_ES,zh_CN,zh_TW,hr_HR,cs_CZ,nl_NL,nl_BE,en_US,en_GB,et_EE,fi_FI,fr_FR,gl_ES,de_DE,el_GR,iw_IL,hi_IN,hu_HU,in_ID,it_IT,ja_JP,ko_KR,nb_NO,fa_IR,pl_PL,pt_BR,pt_PT,ro_RO,ru_RU,sr_RS,sr_RS_latin,sl_SI,sk_SK,es_ES,sv_SE,tr_TR,uk_UA,vi_VN,es_AR
</code>

Agregar en el archivo web.xml ubicado en LIFERAY_PORTAL/WEB_INF/

<code>

<servlet-mapping>
<servlet-name>I18n Servlet</servlet-name>
<url-pattern>/es_AR/*</url-pattern>
</servlet-mapping>

</code>

Por último agregar el archivo Language_es_AR.properties en el directorio LIFERAY_PORTAL/WEB_INF/src/content y reiniciar el portal.

== Ver también ==
* [http://www.liferay.com Web oficial de Liferay Portal]
* [http://wiki.liferay.com/index.php/Main_Page Wiki oficial de Liferay ]
* [[Dynamic Query en Liferay]]
* [[Ejecuciones automaticas en Liferay]]
* [[Maven en Liferay]]
* [[Hooks en Liferay]]
* [[Internacionalizar un texto dentro de un theme en Liferay]]
* [[Hacer un layout responsive con bootstrap en Liferay]]
* [[Configurar el editor de texto html (CKEditor) en Liferay]]
* [[Custom Fields en Liferay]]
* [[Compatibilidades CSS en Internet Explorer]]
* [[Botones Redes Sociales]]
* [[JSON Service API en Liferay]]
* [[Templates en Liferay]]

== Componentes ==
* [[Carrusel con limite en Liferay]]
* [[Encuesta con estilos propios en Liferay]]
* [[Embeber un portlet dentro de un theme en Liferay]]
* [[Tooltip de ayuda para un componente en Liferay]]

Configurar el editor de texto html (CKEditor) en Liferay

2013-07-23T15:46:58Z

Franco: Página creada con 'Para configurar que opciones se mostrarán en el editor de texto html para los WebContent hay que cambiar el objeto '''CKEDITOR.config.toolbar_liferayArticle''' dentro de: '''…'

Para configurar que opciones se mostrarán en el editor de texto html para los WebContent hay que cambiar el objeto '''CKEDITOR.config.toolbar_liferayArticle''' dentro de:

'''$liferaypath'''\tomcat-7.0.27\webapps\ROOT\html\js\editor\ckeditor\ckconfig.jsp

Si cuando se refresca no se ven los cambios, entonces borrar los archivos del siguiente directorio:

'''$liferaypath'''\tomcat-7.0.27\work\Catalina\localhost\_\org\apache\jsp\html\js\editor\ckeditor

Liferay Portal

2013-07-23T15:46:35Z

Franco: /* Ver también */

[[Category:Portlet]]
Liferay Portal es un [[Administrador De Contenidos]] de [[Software Libre]] basado en Java, que cumple con la [[Portlet Specification Api]].

Entre las características principales se destacan:
* Administrador de contenidos (CMS) y una Suite de colaboración
* Varios porlets integrados listos para usar
* Herramientas de desarrollo
* Traducción a 22 idiomas
* Funciona con los principales [[Servidor de Aplicaciones]], bases de datos y sistemas operativos.

== Conceptos de estilos y disposición ==
=== Tema (Theme) ===
Vamos a ver los conceptos de Tema (Theme), Disposición (Layout).

Un '''Tema (o Theme)''' es el encargado de renderizar la página en su totalidad, e incluye los aspectos visuales generales del sitio. Un Tema incluye los JavaScript generales, los CSS, y seguramente también el logo del sitio, el menú general, el pie de página, etc. El Tema define un área donde se ubicará el contenido.

Al crear un Tema en realidad se suele "heredar" de algún tema ya existente. Liferay trae 2 temas ya preparados para heredar: "_styled" (del que suele heredarse) y "_unstyled" (que es aún más básico). Se puede consultar el código de estos temas en <LIFERAY_WEBAPP>/html/themes

=== Disposición (layout) ===
Un Tema declara un área donde se ubicará el contenido. Este área de contenido puede tener distintas disposiciones (2 columnas, 3 columnas, etc.); esta disposición se conoce como Layout. Cada página en Liferay puede tener un Layout asociado.

Liferay ya trae varios Layouts comunes declarados, y pueden crearse nuevos. Se puede consultar el código de estos temas en <LIFERAY_WEBAPP>/layouttpl

== Conceptos de gestión de contenidos ==
Liferay permite manejar dos grandes conceptos para gestionar el contenido de una página:
* Estructuras
* Listas dinámicas

=== Estructuras ===
Se pueden crear estructuras de datos para que el usuario complete y pueda cambiar facilmente contenido de la página sin tocar HTML. Una estructura tiene asociado una Plantilla (Template) que indica cómo se renderiza el contenido de una Estructura.

Por ejemplo, puede crearse una estructura Promocion, que contenga un título y una imagen. Luego, se puede crear una Plantilla para la estructura Promoción que renderiza dicha estructura mostrando la imagen y el título debajo.

Al usuario final le quedan entonces 2 pasos para completar:
1. Instanciar la estructura para agregarle datos.
2. Ubicar la estructura instanciada en alguna posición de la página.

Las estructuras, plantillas y instancias de estructras se gestionan desde el Control Panel > Site > Web Content.

=== Listas dinámicas ===
Se pueden crear listas de contenido variable, para que el usuario agregue como si de una lista se tratara. Las listas son de un tipo de dato en particular (el cual se configura al igual que una estructura), y se les asocia una plantilla para renderizar la lista (y opcionalmente, una plantilla para renderizar el formulario de ingreso de un dato de la lista).

Las listas dinámicas se gestionan desde el Control Panel > Site > Dynamic Data Lists

Leer más sobre [http://www.liferay.com/es/documentation/liferay-portal/6.1/user-guide/-/ai/make-it-pretty-creating-custom-displays Crear y estilar listas dinámicas en Liferay].

== Ver también ==
* [http://www.liferay.com Web oficial de Liferay Portal]
* [http://wiki.liferay.com/index.php/Main_Page Wiki oficial de Liferay ]
* [[Dynamic Query en Liferay]]
* [[Ejecuciones automaticas en Liferay]]
* [[Maven en Liferay]]
* [[Hooks en Liferay]]
* [[Internacionalizar un texto dentro de un theme en Liferay]]
* [[Hacer un layout responsive con bootstrap en Liferay]]
* [[Configurar el editor de texto html (CKEditor) en Liferay]]

== Componentes ==
* [[Carrusel con limite en Liferay]]
* [[Encuesta con estilos propios en Liferay]]
* [[Embeber un portlet dentro de un theme en Liferay]]

Hacer un layout responsive con bootstrap en Liferay

2013-07-23T15:39:46Z

Franco: /* Pisado de estilos */

==Consideraciones==
La estructura que se muestra en esta sección supone que el theme que tienen las páginas donde se usará este layout ya tienen agregado el css de bootstrap y además tienen siguiente div:

<pre>
<div id="wrapper">
</pre>

==Estructura==
Para hacer un layout responsive usando bootstrap se sigue la siguiente estructura:

<pre>
<div class="connectis-internet-layout-home" id="main-content" role="main">
<div class="portlet-layout row">
<div class="span12">
<div class="portlet-column portlet-column-only " id="column-1-1">
$processor.processColumn("column-1-1", "portlet-column-content portlet-column-content-only")
</div>
</div>
</div>
<div>
</pre>

* hay un div principal, este caso:
<pre>
<div class="connectis-internet-layout-home" id="main-content" role="main">
</pre>

* luego cada fila es agregada con un div con las clases '''portlet-layout''' (clase liferay) y '''row''' clase de bootstrap:
<pre>
<div class="portlet-layout row">
</pre>
* para setear cada columna dentro de una fila se agrega un div con la clase correspondiente de bootstrap, por ejemplo
<pre>
<div class="span12">
</pre>

* y finalmente dentro de cada uno de estos divs se ponen los contenedores donde se podrán arrastrar los webContents, portlets, etc.
<pre>
<div class="portlet-column portlet-column-only " id="column-1-1">
$processor.processColumn("column-1-1", "portlet-column-contentportlet-column-content-only")
</div>
</pre>

Tanto del '''id''' del div como el primer parámetro que se le pasa a la función '''processColumn''' deben ser diferentes para cada contenedor ya que de esta forma liferay identifica qué contenido fue puesto en cada lugar.

En cuanto a las '''clases''' que tiene el div, en todos los casos se pone la clase '''portlet-column''' y se debe agregar alguna clase más según el caso:

* Si la fila tiene una columa: como en el ejemplo la clase que se agrega es '''portlet-column-only'''

* Si la fila tiene más de una columna: para la primer columna '''portlet-column-first''', para las intermedias no se agrega ninguna clase adicional y para la última '''portlet-column-last'''

Por último al segundo parámetro de la función '''processColumn''' siempre se le pasa '''portlet-column-content''', y si se agregó alguna clase adicional al div también es necesario pasarla, como en el ejemplo.

==Pisado de estilos==

Es necesario pisar los siguientes estilos de liferay para lograr que el layout sea responsive:

<pre>
.portlet-layout {
display: block;
width: auto;
}

.portlet-column {
display: block;
}

.portlet-column-content {
padding: 0px;
}

.portlet-borderless-container{
min-height: auto;
}
</pre>

los mismos pueden agregarse en el css del theme.

Hacer un layout responsive con bootstrap en Liferay

2013-07-23T15:34:22Z

Franco: /* Estructura */

Hacer un layout responsive con bootstrap en Liferay

2013-07-23T15:32:27Z

Franco: Página creada con '==Consideraciones== La estructura que se muestra en esta sección supone que el theme que tienen las páginas donde se usará este layout ya tienen agregado el css de bootstrap…'

Liferay Portal

2013-07-23T15:31:56Z

Franco: /* Ver también */

[[Category:Portlet]]
Liferay Portal es un [[Administrador De Contenidos]] de [[Software Libre]] basado en Java, que cumple con la [[Portlet Specification Api]].

Entre las características principales se destacan:
* Administrador de contenidos (CMS) y una Suite de colaboración
* Varios porlets integrados listos para usar
* Herramientas de desarrollo
* Traducción a 22 idiomas
* Funciona con los principales [[Servidor de Aplicaciones]], bases de datos y sistemas operativos.

== Conceptos de estilos y disposición ==
=== Tema (Theme) ===
Vamos a ver los conceptos de Tema (Theme), Disposición (Layout).

Un '''Tema (o Theme)''' es el encargado de renderizar la página en su totalidad, e incluye los aspectos visuales generales del sitio. Un Tema incluye los JavaScript generales, los CSS, y seguramente también el logo del sitio, el menú general, el pie de página, etc. El Tema define un área donde se ubicará el contenido.

Al crear un Tema en realidad se suele "heredar" de algún tema ya existente. Liferay trae 2 temas ya preparados para heredar: "_styled" (del que suele heredarse) y "_unstyled" (que es aún más básico). Se puede consultar el código de estos temas en <LIFERAY_WEBAPP>/html/themes

=== Disposición (layout) ===
Un Tema declara un área donde se ubicará el contenido. Este área de contenido puede tener distintas disposiciones (2 columnas, 3 columnas, etc.); esta disposición se conoce como Layout. Cada página en Liferay puede tener un Layout asociado.

Liferay ya trae varios Layouts comunes declarados, y pueden crearse nuevos. Se puede consultar el código de estos temas en <LIFERAY_WEBAPP>/layouttpl

== Conceptos de gestión de contenidos ==
Liferay permite manejar dos grandes conceptos para gestionar el contenido de una página:
* Estructuras
* Listas dinámicas

=== Estructuras ===
Se pueden crear estructuras de datos para que el usuario complete y pueda cambiar facilmente contenido de la página sin tocar HTML. Una estructura tiene asociado una Plantilla (Template) que indica cómo se renderiza el contenido de una Estructura.

Por ejemplo, puede crearse una estructura Promocion, que contenga un título y una imagen. Luego, se puede crear una Plantilla para la estructura Promoción que renderiza dicha estructura mostrando la imagen y el título debajo.

Al usuario final le quedan entonces 2 pasos para completar:
1. Instanciar la estructura para agregarle datos.
2. Ubicar la estructura instanciada en alguna posición de la página.

Las estructuras, plantillas y instancias de estructras se gestionan desde el Control Panel > Site > Web Content.

=== Listas dinámicas ===
Se pueden crear listas de contenido variable, para que el usuario agregue como si de una lista se tratara. Las listas son de un tipo de dato en particular (el cual se configura al igual que una estructura), y se les asocia una plantilla para renderizar la lista (y opcionalmente, una plantilla para renderizar el formulario de ingreso de un dato de la lista).

Las listas dinámicas se gestionan desde el Control Panel > Site > Dynamic Data Lists

Leer más sobre [http://www.liferay.com/es/documentation/liferay-portal/6.1/user-guide/-/ai/make-it-pretty-creating-custom-displays Crear y estilar listas dinámicas en Liferay].

== Ver también ==
* [http://www.liferay.com Web oficial de Liferay Portal]
* [http://wiki.liferay.com/index.php/Main_Page Wiki oficial de Liferay ]
* [[Dynamic Query en Liferay]]
* [[Ejecuciones automaticas en Liferay]]
* [[Maven en Liferay]]
* [[Hooks en Liferay]]
* [[Internacionalizar un texto dentro de un theme en Liferay]]
* [[Hacer un layout responsive con bootstrap en Liferay]]

== Componentes ==
* [[Carrusel con limite en Liferay]]
* [[Encuesta con estilos propios en Liferay]]
* [[Embeber un portlet dentro de un theme en Liferay]]

Embeber un portlet dentro de un theme en Liferay

2013-07-23T15:28:10Z

Franco: Página creada con 'Para embeber un portlet dentro de un theme, se hace a través del siguiente código dentro del '''portal_normal.vm''': $theme.runtime("idDeLaInstanciaDelportlet", "", "opcione…'

Para embeber un portlet dentro de un theme, se hace a través del siguiente código dentro del '''portal_normal.vm''':

$theme.runtime("idDeLaInstanciaDelportlet", "", "opcionesParaElPortlet")

para el id de la instancia del portlet hay dos opciones:

* '''Si el portlet no es instanciable:''' es el id de portlet de liferay. Los ids se encuentran en la siguiente página: [http://www.liferay.com/es/community/wiki/-/wiki/Main/Portlet+IDs ids de portlets de liferay]

* '''Si el portlet es instanciable:''' además del id del portlet hay que agregar '''"_INSTANCE_"''' y además un alfanumérico que lo identifique. Por ejemplo para el portlet de idioma quedaría: ''"82_INSTANCE_idiomaEnConnectis"''

para las opciones del portlet se pueden ir agregando de a una:

$velocityPortletPreferences.setValue("portletSetupShowBorders", "false")
$velocityPortletPreferences.setValue("displayStyle", "1")

luego pedirlas todas juntas:

$velocityPortletPreferences.toString()

y por último borrar las preferencias agregadas para que se pueda seguir utilizando la variable:

$velocityPortletPreferences.reset()

En el caso de querer agregar el portlet de idioma, el código completo quedaría de la suiente forma:

<pre>
$velocityPortletPreferences.setValue("portletSetupShowBorders", "false")
$velocityPortletPreferences.setValue("languageIds", "es_ES,en_US")
$velocityPortletPreferences.setValue("displayStyle", "1")
$theme.runtime("82_INSTANCE_idiomaEnConnectis", "", $velocityPortletPreferences.toString())
$velocityPortletPreferences.reset()
</pre>

Liferay Portal

2013-07-23T15:27:27Z

Franco: /* Componentes */

[[Category:Portlet]]
Liferay Portal es un [[Administrador De Contenidos]] de [[Software Libre]] basado en Java, que cumple con la [[Portlet Specification Api]].

Entre las características principales se destacan:
* Administrador de contenidos (CMS) y una Suite de colaboración
* Varios porlets integrados listos para usar
* Herramientas de desarrollo
* Traducción a 22 idiomas
* Funciona con los principales [[Servidor de Aplicaciones]], bases de datos y sistemas operativos.

== Conceptos de estilos y disposición ==
=== Tema (Theme) ===
Vamos a ver los conceptos de Tema (Theme), Disposición (Layout).

Un '''Tema (o Theme)''' es el encargado de renderizar la página en su totalidad, e incluye los aspectos visuales generales del sitio. Un Tema incluye los JavaScript generales, los CSS, y seguramente también el logo del sitio, el menú general, el pie de página, etc. El Tema define un área donde se ubicará el contenido.

Al crear un Tema en realidad se suele "heredar" de algún tema ya existente. Liferay trae 2 temas ya preparados para heredar: "_styled" (del que suele heredarse) y "_unstyled" (que es aún más básico). Se puede consultar el código de estos temas en <LIFERAY_WEBAPP>/html/themes

=== Disposición (layout) ===
Un Tema declara un área donde se ubicará el contenido. Este área de contenido puede tener distintas disposiciones (2 columnas, 3 columnas, etc.); esta disposición se conoce como Layout. Cada página en Liferay puede tener un Layout asociado.

Liferay ya trae varios Layouts comunes declarados, y pueden crearse nuevos. Se puede consultar el código de estos temas en <LIFERAY_WEBAPP>/layouttpl

== Conceptos de gestión de contenidos ==
Liferay permite manejar dos grandes conceptos para gestionar el contenido de una página:
* Estructuras
* Listas dinámicas

=== Estructuras ===
Se pueden crear estructuras de datos para que el usuario complete y pueda cambiar facilmente contenido de la página sin tocar HTML. Una estructura tiene asociado una Plantilla (Template) que indica cómo se renderiza el contenido de una Estructura.

Por ejemplo, puede crearse una estructura Promocion, que contenga un título y una imagen. Luego, se puede crear una Plantilla para la estructura Promoción que renderiza dicha estructura mostrando la imagen y el título debajo.

Al usuario final le quedan entonces 2 pasos para completar:
1. Instanciar la estructura para agregarle datos.
2. Ubicar la estructura instanciada en alguna posición de la página.

Las estructuras, plantillas y instancias de estructras se gestionan desde el Control Panel > Site > Web Content.

=== Listas dinámicas ===
Se pueden crear listas de contenido variable, para que el usuario agregue como si de una lista se tratara. Las listas son de un tipo de dato en particular (el cual se configura al igual que una estructura), y se les asocia una plantilla para renderizar la lista (y opcionalmente, una plantilla para renderizar el formulario de ingreso de un dato de la lista).

Las listas dinámicas se gestionan desde el Control Panel > Site > Dynamic Data Lists

Leer más sobre [http://www.liferay.com/es/documentation/liferay-portal/6.1/user-guide/-/ai/make-it-pretty-creating-custom-displays Crear y estilar listas dinámicas en Liferay].

== Ver también ==
* [http://www.liferay.com Web oficial de Liferay Portal]
* [http://wiki.liferay.com/index.php/Main_Page Wiki oficial de Liferay ]
* [[Dynamic Query en Liferay]]
* [[Ejecuciones automaticas en Liferay]]
* [[Maven en Liferay]]
* [[Hooks en Liferay]]
* [[Internacionalizar un texto dentro de un theme en Liferay]]

== Componentes ==
* [[Carrusel con limite en Liferay]]
* [[Encuesta con estilos propios en Liferay]]
* [[Embeber un portlet dentro de un theme en Liferay]]

Internacionalizar un texto dentro de un theme en Liferay

2013-07-23T15:23:30Z

Franco: Página creada con 'La forma de internacionalizar un texto dentro de un theme, es ponerlo dentro de en un archivo de propiedades. Debe haber un archivo de propiedades por cada idioma en el que se q…'

La forma de internacionalizar un texto dentro de un theme, es ponerlo dentro de en un archivo de propiedades. Debe haber un archivo de propiedades por cada idioma en el que se quiera tener ese texto. La forma de indicar que se tengan en cuenta los .properties es a través del archivo '''liferay-hook.xml'''.

El directorio del proyecto quedaría de la siguiente manera:

[[Archivo:Liferay-internacionalizacion-theme.jpg]]

y el contenido del '''liferay-hook.xml''' quedaría así:

<pre>
<?xml version="1.0"?>
<!DOCTYPE hook PUBLIC "-//Liferay//DTD Hook 6.1.0//EN" "http://www.liferay.com/dtd/liferay-hook_6_1_0.dtd">

<hook>
<language-properties>content/Language_es.properties</language-properties>
<language-properties>content/Language_en.properties</language-properties>
</hook>

</pre>

Luego para tomar este texto desde el theme se pone:

#language ("mi-texto")

A partir de esto liferay, según el idioma en el que se encuentre en un momento dado el sitio, irá a buscar al archivo de properties correspondiente el valor para la clave '''mi-texto'''.

Archivo:Liferay-internacionalizacion-theme.jpg

2013-07-23T15:17:53Z

Franco:

Liferay Portal

2013-07-23T15:13:35Z

Franco: /* Ver también */

[[Category:Portlet]]
Liferay Portal es un [[Administrador De Contenidos]] de [[Software Libre]] basado en Java, que cumple con la [[Portlet Specification Api]].

Entre las características principales se destacan:
* Administrador de contenidos (CMS) y una Suite de colaboración
* Varios porlets integrados listos para usar
* Herramientas de desarrollo
* Traducción a 22 idiomas
* Funciona con los principales [[Servidor de Aplicaciones]], bases de datos y sistemas operativos.

== Conceptos de estilos y disposición ==
=== Tema (Theme) ===
Vamos a ver los conceptos de Tema (Theme), Disposición (Layout).

Un '''Tema (o Theme)''' es el encargado de renderizar la página en su totalidad, e incluye los aspectos visuales generales del sitio. Un Tema incluye los JavaScript generales, los CSS, y seguramente también el logo del sitio, el menú general, el pie de página, etc. El Tema define un área donde se ubicará el contenido.

Al crear un Tema en realidad se suele "heredar" de algún tema ya existente. Liferay trae 2 temas ya preparados para heredar: "_styled" (del que suele heredarse) y "_unstyled" (que es aún más básico). Se puede consultar el código de estos temas en <LIFERAY_WEBAPP>/html/themes

=== Disposición (layout) ===
Un Tema declara un área donde se ubicará el contenido. Este área de contenido puede tener distintas disposiciones (2 columnas, 3 columnas, etc.); esta disposición se conoce como Layout. Cada página en Liferay puede tener un Layout asociado.

Liferay ya trae varios Layouts comunes declarados, y pueden crearse nuevos. Se puede consultar el código de estos temas en <LIFERAY_WEBAPP>/layouttpl

== Conceptos de gestión de contenidos ==
Liferay permite manejar dos grandes conceptos para gestionar el contenido de una página:
* Estructuras
* Listas dinámicas

=== Estructuras ===
Se pueden crear estructuras de datos para que el usuario complete y pueda cambiar facilmente contenido de la página sin tocar HTML. Una estructura tiene asociado una Plantilla (Template) que indica cómo se renderiza el contenido de una Estructura.

Por ejemplo, puede crearse una estructura Promocion, que contenga un título y una imagen. Luego, se puede crear una Plantilla para la estructura Promoción que renderiza dicha estructura mostrando la imagen y el título debajo.

Al usuario final le quedan entonces 2 pasos para completar:
1. Instanciar la estructura para agregarle datos.
2. Ubicar la estructura instanciada en alguna posición de la página.

Las estructuras, plantillas y instancias de estructras se gestionan desde el Control Panel > Site > Web Content.

=== Listas dinámicas ===
Se pueden crear listas de contenido variable, para que el usuario agregue como si de una lista se tratara. Las listas son de un tipo de dato en particular (el cual se configura al igual que una estructura), y se les asocia una plantilla para renderizar la lista (y opcionalmente, una plantilla para renderizar el formulario de ingreso de un dato de la lista).

Las listas dinámicas se gestionan desde el Control Panel > Site > Dynamic Data Lists

Leer más sobre [http://www.liferay.com/es/documentation/liferay-portal/6.1/user-guide/-/ai/make-it-pretty-creating-custom-displays Crear y estilar listas dinámicas en Liferay].

== Ver también ==
* [http://www.liferay.com Web oficial de Liferay Portal]
* [http://wiki.liferay.com/index.php/Main_Page Wiki oficial de Liferay ]
* [[Dynamic Query en Liferay]]
* [[Ejecuciones automaticas en Liferay]]
* [[Maven en Liferay]]
* [[Hooks en Liferay]]
* [[Internacionalizar un texto dentro de un theme en Liferay]]

== Componentes ==
* [[Carrusel con limite en Liferay]]
* [[Encuesta con estilos propios en Liferay]]