Index
Índice |
---|
outline | true |
---|
exclude | .*ndice |
---|
style | none |
---|
|
Objective of the Component Center
The Component Center is a functionality in Fluig that allows the customization of components available in the system. You can download the desired component, customize it and send it back to Fluig. The Download option is available only for a few components.
Component Download
In order to customize a component, it is necessary to download it first.
Deck of Cards |
---|
effectDuration | 0.5 |
---|
history | false |
---|
id | download |
---|
|
Card |
---|
id | download-example |
---|
label | Download |
---|
| - In order to download the component, select it and click on “Download” on the top action bar.
Image Added |
|
Component Development
After downloading the widget, the developer must perform the following steps before starting to change the widget.
- Decompress the .zip file
- Import the Maen project through the pom.xml in Eclipse or your favorite IDE
- In the application.info file, change the following parameters:
- application.code=NOME_DA_SUA_WIDGET
- locale.file.base.name=NOME_DA_SUA_WIDGET
- Remove the parameter application.extendible=true
- Add the parameter application.origincode
...
- =NOME_DA_WIDGET_ORIGINAL.
...
- Example:
...
- socialtimeline.
- Change the name of internationalization files in directory src/main/resources, substituting the name of the current widget with the name of your widget:
- *.properties to NOME_DA_WIDGET.properties
- *_en_US.properties to NOME_DA_WIDGET_en_US.
...
- properties
- *_es.
...
- properties to NOME_DA_WIDGET_es.
...
- properties
- *_pt_BR.
...
- properties to NOME_DA_WIDGET_pt_BR.
...
- properties
- Change the context of the Web project in file jboss-web.xml located in directory src/main/webapp/WEB-
...
- INF:
- <context-root>/NOME_DA_
...
- WIDGET</context-root>
Ready. The widget is ready to be customized and compiled for the upload to be made.
Add a Component
In order to add a component in Fluig, login as a Fluig or Company Manager.
Follow these steps:
Deck of Cards |
---|
effectDuration | 0.5 |
---|
history | false |
---|
id | exemplos |
---|
|
Card |
---|
default | true |
---|
id | 1 |
---|
label | Step 1 |
---|
| Image Added
|
Card |
---|
| Image Added
|
Card |
---|
| Image Added
|
Card |
---|
| Image Added
|
|
Enable/Disable a Component
Deck of Cards |
---|
effectDuration | 0.5 |
---|
history | false |
---|
id | exemplos2 |
---|
|
Card |
---|
| - Select the component you wish to enable and click on the top action menu “Enable”.
Image Added
|
Card |
---|
| - Select the component you wish to disable and click on the top action menu “Disable”.
Image Added
|
</li>
</ol></li>
</ol>
<p>Ready. The widget is ready to be customized and compiled for the
upload to be made.</p>
<h2 id="CentraldeComponentes-AdicionarumComponente">Add a
Component</h2>
<p>
<span style="color: rgb(34, 34, 34);">In order to add a
component in Fluig, login as a Fluig or Company Manager.</span>
</p>
<p>Follow these steps:</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);">Go to: </span><em><span
style="color: rgb(34, 34, 34);">Control
panel/WCM/Component Center.</span></em>
</p></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="attachments/116359178/116457484.png"
data-image-src="attachments/116359178/116457484.png">
</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);">Click on "Choose
File" to select the desired Component.</span>
</p></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="attachments/116359178/116457485.png"
data-image-src="attachments/116359178/116457485.png">
</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);">After selecting the
file, click on "Send".</span>
</p></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="attachments/116359178/116457486.png"
data-image-src="attachments/116359178/116457486.png">
</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);">After clicking on
"Send", the component will be added to the component list.</span>
</p></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="attachments/116359178/116457487.png"
data-image-src="attachments/116359178/116457487.png">
</p>
</div>
</div>
</div>
<!-- // .deck -->
<h2 id="CentraldeComponentes-Habilitar/DesabilitarumComponente">Enable/Disable
a Component</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>Select the component you wish to enable and click on the
top action menu “Enable”.</li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="attachments/116359178/117702659.png"
data-image-src="attachments/116359178/117702659.png">
</p>
</div>
<div id="6" class="deck-card " style="" cssclass="" accesskey=""
label="Desabilitar" title="" nextafter="0" effecttype="default"
effectduration="-1.0">
<ul>
<li><span>Select the component you wish to disable and
click on the top action menu “Disable”.</span><span> </span></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="attachments/116359178/117702660.png"
data-image-src="attachments/116359178/117702660.png">
</p>
</div>
<p> </p>
<p> </p>
</div>
</div>
<!-- // .deck -->
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
|