Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Índice

Índice
outlinetrue
exclude.*ndice
stylenone

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
effectDuration0.5
historyfalse
iddownload
Card
iddownload-example
labelDownload
  • 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:

  1. Descomprimir el .zip
  2. Importar el proyecto Maven mediante el pom.xml en Eclipse o su IDE preferido
  3. En el archivo application.info cambiar los siguientes parámetros:
    1. application.code=NOME_DA_SUA_WIDGET
    2. locale.file.base.name=NOME_DA_SUA_WIDGET
    3. Eliminar el parámetro aplicación.extendible= true
    4. Agregar el parámetro application.origincode

...

    1. =NOME_DA_WIDGET_ORIGINAL.

...

    1. Ejemplo:

...

    1.  socialtimeline.
  1. 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:
    1. *.properties a NOME_DA_WIDGET.properties
    2. *_en_US.properties a NOME_DA_WIDGET_en_US.

...

    1. properties
    2. *_es.

...

    1. properties a NOME_DA_WIDGET_es.

...

    1. properties
    2. *_pt_BR.

...

    1. properties a NOME_DA_WIDGET_pt_BR.

...

    1. properties
  1. Cambiar el contexto del proyecto Web en el archivo jboss-web.xml situado en el directorio src/main/webapp/WEB-

...

  1. INF:
    1. <context-root>/NOME_DA_

...

    1. 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
effectDuration0.5
historyfalse
idexemplos
Card
defaulttrue
id1
labelPaso 1
  • Ir a: Panel de control/WCM/Central de Componentes.

Image Added

Card
id2
labelPaso 2
  • Haga clic en "Choose File" para seleccionar el Componente deseado.

Image Added

Card
id3
labelPaso 3
  • Después de seleccionar el archivo, haga clic en "Enviar".

Image Added

Card
id4
labelPaso 4
  • Después de hacer clic en "Enviar" se agregará el componente en la lista de componentes.

Image Added

Habilitar/Deshabilitar un Componente

Deck of Cards
effectDuration0.5
historyfalse
idexemplos2
Card
id5
labelHabilitar
  • Seleccione el componente que desea habilitar y haga clic en el menú superior de acciones "Habilitar".

Image Added

Card
id6
labelDesabilitar
  • 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:&#160;</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>&#160;</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>&#160;</p> <p>&#160;</p> </div> </div> <!-- // .deck --> <p>&#160;</p> <p>&#160;</p> <p>&#160;</p> <p>&#160;</p> </div>