Índice
Índice |
---|
outline | true |
---|
exclude | .*ndice |
---|
style | none |
---|
|
Objetivo de la Central de Componentes
Central de Componentes es una funcionalidad de Fluig que permite la personalización de los componentes disponibles en el sistema. Usted puede realizar el download del componente deseado, personalizarlo de la forma en que desee y enviarlo nuevamente a Fluig. La opción de download está disponible solamente para algunos componentes.
Download de un Componente
Para personalizar un componente primero se debe realizar el download del mismo.
Deck of Cards |
---|
effectDuration | 0.5 |
---|
history | false |
---|
id | download |
---|
|
Card |
---|
id | download-example |
---|
label | Download |
---|
| - Para realizar el download del componente, selecciónelo y haga clic en "Download" en la barra superior de acciones.
Image Added |
|
Desarrollo de un Componente
Después del download del widget, el desarrollador debe realizar los siguientes pasos antes de iniciar la modificación del widget:
- Descomprimir el .zip
- Importar el proyecto Maven mediante el pom.xml en Eclipse o su IDE preferido
- En el archivo application.info cambiar los siguientes parámetros:
- application.code=NOME_DA_SUA_WIDGET
- locale.file.base.name=NOME_DA_SUA_WIDGET
- Eliminar el parámetro aplicación.extendible= true
- Agregar el parámetro application.origincode
...
- =NOME_DA_WIDGET_ORIGINAL.
...
- Ejemplo:
...
- socialtimeline.
- Cambiar el nombre de los archivos de internacionalización del directorio src/main/resources, sustituyendo el nombre del widget actual por el nombre de su widget:
- *.properties a NOME_DA_WIDGET.properties
- *_en_US.properties a NOME_DA_WIDGET_en_US.
...
- properties
- *_es.
...
- properties a NOME_DA_WIDGET_es.
...
- properties
- *_pt_BR.
...
- properties a NOME_DA_WIDGET_pt_BR.
...
- properties
- Cambiar el contexto del proyecto Web en el archivo jboss-web.xml situado en el directorio src/main/webapp/WEB-
...
- INF:
- <context-root>/NOME_DA_
...
- WIDGET</context-root>
Listo. ¡El widget está listo para ser personalizado y recopilado para poder realizarse el upload!
Agregar un Componente
Para agregar un Componente en Fluig haga login como Administrador de Fluig o de la Empresa.
Siga los pasos a continuación:
Deck of Cards |
---|
effectDuration | 0.5 |
---|
history | false |
---|
id | exemplos |
---|
|
Card |
---|
default | true |
---|
id | 1 |
---|
label | Paso 1 |
---|
| Image Added
|
Card |
---|
| Image Added
|
Card |
---|
| Image Added
|
Card |
---|
| Image Added
|
|
Habilitar/Deshabilitar un Componente
Deck of Cards |
---|
effectDuration | 0.5 |
---|
history | false |
---|
id | exemplos2 |
---|
|
Card |
---|
| - Seleccione el componente que desea habilitar y haga clic en el menú superior de acciones "Habilitar".
Image Added
|
Card |
---|
| - Seleccione el componente que desea deshabilitar y haga clic en el menú superior de acciones "Deshabilitar".
Image Added
|
</li>
</ol></li>
</ol>
<p>Listo. ¡El widget está listo para ser personalizado y recopilado
para poder realizarse el upload!</p>
<h2 id="CentraldeComponentes-AdicionarumComponente">Agregar un
Componente</h2>
<p>
<span style="color: rgb(34, 34, 34);">Para agregar un
Componente en Fluig haga login como Administrador de Fluig o de la
Empresa.</span>
</p>
<p>Siga los pasos a continuación:</p>
<a name="composition-deck-exemplos"></a>
<div id="exemplos" class="deck" history="false" loopcards="false"
effecttype="" effectduration="0.5" nextafter="0.0">
<ul class="tab-navigation"></ul>
<!-- // .tab-navigation -->
<div class="deck-cards panel" style="">
<div id="1" class="deck-card active-pane" style="" cssclass=""
accesskey="" label="Passo 1" title="" nextafter="0"
effecttype="default" effectduration="-1.0">
<ul>
<li><p>
<span style="color: rgb(34, 34, 34);">Ir a: </span><em><span
style="color: rgb(34, 34, 34);">Panel de
control/WCM/Central de Componentes.</span></em>
</p></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-01.png?version=2&modificationDate=1391018870000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-01.png?version=2&modificationDate=1391018870000&api=v2">
</p>
</div>
<div id="2" class="deck-card " style="" cssclass="" accesskey=""
label="Passo 2" title="" nextafter="0" effecttype="default"
effectduration="-1.0">
<ul>
<li><p>
<span style="color: rgb(34, 34, 34);">Haga clic en "Choose
File" para seleccionar el Componente deseado.</span>
</p></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-02.png?version=3&modificationDate=1391018879000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-02.png?version=3&modificationDate=1391018879000&api=v2">
</p>
</div>
<div id="3" class="deck-card " style="" cssclass="" accesskey=""
label="Passo 3" title="" nextafter="0" effecttype="default"
effectduration="-1.0">
<ul>
<li><p>
<span style="color: rgb(34, 34, 34);">Después de
seleccionar el archivo, haga clic en "Enviar".</span>
</p></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-03.png?version=2&modificationDate=1391018896000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-03.png?version=2&modificationDate=1391018896000&api=v2">
</p>
</div>
<div id="4" class="deck-card " style="" cssclass="" accesskey=""
label="Pssso 4" title="" nextafter="0" effecttype="default"
effectduration="-1.0">
<ul>
<li><p>
<span style="color: rgb(34, 34, 34);">Después de hacer
clic en "Enviar" se agregará el componente en la lista de
componentes.</span>
</p></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-04.png?version=3&modificationDate=1391018905000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-04.png?version=3&modificationDate=1391018905000&api=v2">
</p>
</div>
</div>
</div>
<!-- // .deck -->
<h2 id="CentraldeComponentes-Habilitar/DesabilitarumComponente">Habilitar/Deshabilitar
un Componente</h2>
<a name="composition-deck-exemplos2"></a>
<div id="exemplos2" class="deck" history="false" loopcards="false"
effecttype="" effectduration="0.5" nextafter="0.0">
<ul class="tab-navigation"></ul>
<!-- // .tab-navigation -->
<div class="deck-cards panel" style="">
<div id="5" class="deck-card " style="" cssclass="" accesskey=""
label="Habilitar" title="" nextafter="0" effecttype="default"
effectduration="-1.0">
<ul>
<li>Seleccione el componente que desea habilitar y haga clic
en el menú superior de acciones "Habilitar".</li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-05.png?version=2&modificationDate=1391022551000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-05.png?version=2&modificationDate=1391022551000&api=v2">
</p>
</div>
<div id="6" class="deck-card " style="" cssclass="" accesskey=""
label="Desabilitar" title="" nextafter="0" effecttype="default"
effectduration="-1.0">
<ul>
<li><span>Seleccione el componente que desea
deshabilitar y haga clic en el menú superior de acciones
"Deshabilitar".</span><span> </span></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-06.png?version=2&modificationDate=1391022554000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-06.png?version=2&modificationDate=1391022554000&api=v2">
</p>
</div>
<p> </p>
<p> </p>
</div>
</div>
<!-- // .deck -->
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
|