| borderColor | #848484 |
|---|
| bgColor | #FFF |
|---|
| titleBGColor | #E8E8E8 |
|---|
| title | Image Reorderer - Progress Indicator |
|---|
| borderStyle | solid |
|---|
| | Wiki Markup |
|---|
{html}
<link href="http://wiki.fluidproject.org/download/attachments/5902236/progress-indicator.css" rel="stylesheet" type="text/css">
<link href="http://www.fluidproject.org/releases/1.0/framework/fss/css/fss-layout.css" rel="stylesheet" type="text/css">
<link href="http://www.fluidproject.org/releases/1.0/framework/fss/css/fss-text.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://www.fluidproject.org/releases/1.0/InfusionAll.js"></script>
<script type="text/javascript" src="http://wiki.fluidproject.org/download/attachments/5902236/progress-indicator.js?version=7"></script>
<script type="text/javascript">
$(document).ready(function () {
var progressIndicator = fluid.componentProgressIndicator("#fl-cpi-progress-indicator-image-reorderer", {featureList: [
{
shortName: "Reorder Images",
longName: "Reorder Images",
status: "Stable"
},
{
shortName: "Default Callback",
longName: "Default afterMove callback",
status: "Stable",
link: "http://wiki.fluidproject.org/display/fluid/Image+Reorderer+API"
},
{
shortName: "Identification Function",
longName: "Default orderable identification function",
status: "Stable",
link: "http://wiki.fluidproject.org/display/fluid/Image+Reorderer+API#ImageReordererAPI-configuring"
}
]});
jQuery(window).resize(function () {
progressIndicator.refreshView();
});
});
</script>
<div id="fl-cpi-progress-indicator-image-reorderer" class="fl-cpi-border">
<div class="flc-cpi-all-progress-container fl-centered fl-cpi-progress-container-all">
<div class="flc-cpi-progress-bars">
<div class="flc-progress">
<div class="flc-progress-bar fl-cpi-height-20-px">
<div class="flc-progress-indicator">
</div>
</div>
</div>
</div>
<table class="flc-cpi-separator fl-cpi-separator-table" role="grid">
<tr class="flc-cpi-progress-row-render" role="row">
<td class="flc-cpi-progress-cell-render fl-cpi-height-20-px fl-cpi-end" role="gridcell"></td>
</tr>
<tr class="flc-cpi-title-row-render" role="row">
<td class="flc-cpi-title-cell-render fl-cpi-height-20-px" role="gridcell">
<a class="flc-cpi-title-link"></a>
</td>
</tr>
</table>
</div>
<ol class="flc-cpi-list-item-container-render">
<li class="flc-cpi-list-item-render" role="listitem">
<a class="flc-cpi-list-link"></a>
</li>
</ol>
<div class="fl-cpi-legend">
<p>Legend</p>
<table>
<tr class="fl-cpi-legend-row">
<td class="fl-cpi-stable fl-cpi-legend-cell" title="Stable"><a class="fl-font-black" href="http://wiki.fluidproject.org/display/fluid/Glossary#Glossary-stable">Stable</a></td>
<td class="fl-cpi-in-development fl-cpi-legend-cell" title="In Development"><a class="fl-font-black" href="http://wiki.fluidproject.org/display/fluid/Glossary#Glossary-inprogress">In Development</a></td>
<td class="fl-cpi-in-design fl-cpi-legend-cell" title="In Design"><a class="fl-font-black" href="http://wiki.fluidproject.org/display/fluid/Glossary#Glossary-indesign">In Design</a></td>
<td class="fl-cpi-legend-cell" title="Future"><a class="fl-font-black" href="http://wiki.fluidproject.org/display/fluid/Glossary#Glossary-future">Future</a></td>
</tr>
</table>
<p class="fl-cpi-small-print fl-font-size-80 fl-font-arial">*Based on the <a href="http://wiki.fluidproject.org/display/fluid/Fluid+Infusion+-+Current+Release">latest current release</a></p>
</div>
</div>
{html}| title | Image Reorderer - Progress Indicator |
|---|
|