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

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

        <tr>
                <td colspan="3" align="left"><label>{'StackG_options_label'|@translate}</label>
                </td>
        </tr>
        <tr>
                <td>{'StackG_captionColor'|@translate}</td>
                <td colspan="2"><input type="text" size="7" maxlength="7" name="StackG_captionColor" class="colorwell" value="{$StackG_captionColor}" /></td>
        </tr>
        <tr>
                <td>{'StackG_frameColor'|@translate}</td>                       
                <td colspan="2"><input type="text" size="7" maxlength="7" name="StackG_frameColor" class="colorwell" value="{$StackG_frameColor}" /></td>
        </tr>
        <tr>
                <td>{'StackG_imageScaleMode'|@translate}</td>
                <td colspan="2">
                        <select id="StackG_imageScaleMode" name="StackG_imageScaleMode">
                        {foreach from=$StackG_imageScaleMode item=StackG_imageScaleMode}
                                <option value="{$StackG_imageScaleMode.ID}" {$StackG_imageScaleMode.SELECTED}>{$StackG_imageScaleMode.NAME}</option>
                        {/foreach}
                        </select>
                </td>
        </tr>
        
        <tr>
                <td>{'StackG_visibleImages'|@translate}</td>
                <td colspan="2"><input type="text" size="3" maxlength="3" name="StackG_visibleImages" value="{$StackG_visibleImages}" />&nbsp;</td>
        </tr>
        <tr>
                <td>{'StackG_usePhotoNumbers'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="StackG_usePhotoNumbers" {$StackG_usePhotoNumbers}/></td>
        </tr>

        <tr>
                <td>{'StackG_backButtonLabel'|@translate}</td>
                <td colspan="2"><input type="text" size="20" maxlength="20" name="StackG_backButtonLabel" value="{$StackG_backButtonLabel}" /></td>
        </tr>
        <tr>
                <td>{'StackG_slideshow'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="StackG_slideshow" {$StackG_slideshow}/></td>
        </tr>
        
        
        <tr>
                        <td>&nbsp;</td>
                        <td align="center">{'StackG_height'|@translate}</label></td>
                        <td align="center">{'StackG_width'|@translate}</td>
        </tr>
        <tr>
                <td>{'SV_thumbnail'|@translate}</td>
                <td align="center"><input type="text" size="3" maxlength="3" name="StackG_height" value="{$StackG_height}" /></td>
                <td align="center"><input type="text" size="3" maxlength="3" name="StackG_width" value="{$StackG_width}" /></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}