source: extensions/Flash_Gallery/modules/ZenGallery/admin/config.tpl @ 3531

<br>
<div id="colorpicker" style="float: right;"></div>      
<table>

        <tr>
                <td colspan="3" align="left"><label>{'ZG_options_label'|@translate}</label>
                </td>
        </tr>
        
        <tr>
                <td>{'ZG_cacheRadius'|@translate}</td>
                <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_cacheRadius" value="{$ZG_cacheRadius}" />&nbsp;px</td>
        </tr>
        <tr>
                <td>{'ZG_imageScaleMode'|@translate}</td>
                <td colspan"2">
                        <select id="ZG_imageScaleMode" name="ZG_imageScaleMode">
                        {foreach from=$ZG_imageScaleMode item=ZG_imageScaleMode}
                                <option value="{$ZG_imageScaleMode.ID}" {$ZG_imageScaleMode.SELECTED}>{$ZG_imageScaleMode.NAME}</option>
                        {/foreach}
                        </select>
                </td>
        </tr>

        <tr>
                <td>{'ZG_dropShadow'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="ZG_dropShadow" {$ZG_dropShadow}/></td>
        </tr>
        <tr>
                <td>{'ZG_frameSize'|@translate}</td>
                <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_frameSize" value="{$ZG_frameSize}" />&nbsp;px</td>
        </tr>
        <tr>
                <td>{'ZG_frameColor'|@translate}</td>                   
                <td colspan="2"><input type="text" size="7" maxlength="7" name="ZG_frameColor" class="colorwell" value="{$ZG_frameColor}" /></td>
        </tr>
        <tr>
                <td>{'ZG_cornerRadius'|@translate}</td>
                <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_cornerRadius" value="{$ZG_cornerRadius}" />&nbsp;px</td>
        </tr>
        <tr>
                <td>{'ZG_backgroundColor'|@translate}</td>                      
                <td colspan="2"><input type="text" size="7" maxlength="7" name="ZG_backgroundColor" class="colorwell" value="{$ZG_backgroundColor}" /></td>
        </tr>
        <tr>
                <td>{'ZG_initialState'|@translate}</td>
                <td colspan"2">
                        <select id="ZG_initialState" name="ZG_initialState">
                        {foreach from=$ZG_initialState item=ZG_initialState}
                                <option value="{$ZG_initialState.ID}" {$ZG_initialState.SELECTED}>{$ZG_initialState.NAME}</option>
                        {/foreach}
                        </select>
                </td>
        </tr>
        <tr>
                <td>{'ZG_showCaption'|@translate}</td>
                <td colspan"2">
                        <select id="ZG_showCaption" name="ZG_showCaption">
                        {foreach from=$ZG_showCaption item=ZG_showCaption}
                                <option value="{$ZG_showCaption.ID}" {$ZG_showCaption.SELECTED}>{$ZG_showCaption.NAME}</option>
                        {/foreach}
                        </select>
                </td>
        </tr>
        <tr>
                <td>{'ZG_captionBackgroundAlpha'|@translate}</td>
                <td colspan="2"><input type="text" size="3" maxlength="3" name="ZG_captionBackgroundAlpha" value="{$ZG_captionBackgroundAlpha}" /></td>
        </tr>
        <tr>
                <td>{'ZG_captionBackgroundCornerRadius'|@translate}</td>
                <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_captionBackgroundCornerRadius" value="{$ZG_captionBackgroundCornerRadius}" /></td>
        </tr>
        <tr>
                <td>{'ZG_buttonsBackgroundAlpha'|@translate}</td>
                <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_buttonsBackgroundAlpha" value="{$ZG_buttonsBackgroundAlpha}" /></td> </tr>
        <tr>
                <td>{'ZG_buttonsBackgroundCornerRadius'|@translate}</td>
                <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_buttonsBackgroundCornerRadius" value="{$ZG_buttonsBackgroundCornerRadius}" /></td>
        </tr>
        <tr>
                <td>{'ZG_showButtons'|@translate}</td>
                <td colspan"2">
                        <select id="ZG_showButtons" name="ZG_showButtons">
                        {foreach from=$ZG_showButtons item=ZG_showButtons}
                                <option value="{$ZG_showButtons.ID}" {$ZG_showButtons.SELECTED}>{$ZG_showButtons.NAME}</option>
                        {/foreach}
                        </select>
                </td>
        </tr>
        <tr>
                <td>{'ZG_showAlbumsButton'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="ZG_showAlbumsButton" {$ZG_showAlbumsButton}/></td>
        </tr>
        <tr>
                <td>{'ZG_showThumbnailsButton'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="ZG_showThumbnailsButton" {$ZG_showThumbnailsButton}/></td>
        </tr>
        <tr>
                <td>{'ZG_showSlideshowButton'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="ZG_showSlideshowButton" {$ZG_showSlideshowButton}/></td>
        </tr>
        <tr>
                <td>{'ZG_showNavigationButton'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="ZG_showNavigationButton" {$ZG_showNavigationButton}/></td>
        </tr>

        <tr>
                <td>{'ZG_slideshowDelay'|@translate}</td>
                <td colspan="2"><input type="text" size="3" maxlength="3" name="ZG_slideshowDelay" value="{$ZG_slideshowDelay}" />&nbsp;sec.</td>
        </tr>
        <tr>
                <td>{'ZG_rotationDirection'|@translate}</td>
                <td colspan"2">
                        <select id="ZG_rotationDirection" name="ZG_rotationDirection">
                        {foreach from=$ZG_rotationDirection item=ZG_rotationDirection}
                                <option value="{$ZG_rotationDirection.ID}" {$ZG_rotationDirection.SELECTED}>{$ZG_rotationDirection.NAME}</option>
                        {/foreach}
                        </select>
                </td>
        </tr>
        <tr>
                <td>{'ZG_rotationDuration'|@translate}</td>
                <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_rotationDuration" value="{$ZG_rotationDuration}" />&nbsp;millisec.</td>
        </tr>
        <tr>
                <td>{'ZG_panelBackgroundAlpha'|@translate}</td>
                <td colspan="2"><input type="text" size="3" maxlength="3" name="ZG_panelBackgroundAlpha" value="{$ZG_panelBackgroundAlpha}" /></td>
        </tr>
        <tr>
                <td>{'ZG_iconWidth'|@translate}</td>
                <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_iconWidth" value="{$ZG_iconWidth}" />&nbsp;px</td>
        </tr>
        <tr>
                <td>{'ZG_iconHeight'|@translate}</td>
                <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_iconHeight" value="{$ZG_iconHeight}" />&nbsp;px</td>
        </tr>
        <tr>
                <td>{'ZG_iconPadding'|@translate}</td>
                <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_iconPadding" value="{$ZG_iconPadding}" />&nbsp;px</td>
        </tr>

        <tr>
                <td>{'ZG_useEmbeddedFont'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="ZG_useEmbeddedFont" {$ZG_useEmbeddedFont}/></td>
        </tr>
        <tr>
                <td>{'ZG_fontName'|@translate}</td>
                <td colspan="2"><input type="text" size="15" maxlength="15" name="ZG_fontName" value="{$ZG_fontName}" /></td>
        </tr>
        <tr>
                <td>{'ZG_fontSize'|@translate}</td>
                <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_fontSize" value="{$ZG_fontSize}" /></td>
        </tr>
        
        
</table>

{literal}

<script type="text/javascript" charset="utf-8">
 $(document).ready(function() {
     var f = $.farbtastic('#colorpicker');
     var selected;
     $('.colorwell')
       .each(function () { f.linkTo(this);  })
       .focus(function() {
        f.linkTo(this);

       });
  });
</script>
{/literal}