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

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

        <tr>
                <td colspan="3" align="left"><label>{'TV_options_label'|@translate}</label>
                </td>
        </tr>
        <tr>
                <td>{'TV_useReloadButton'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="TV_useReloadButton" {$TV_useReloadButton}/></td>
        </tr>
        <tr>
                <td>{'TV_showFlipButton'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="TV_showFlipButton" {$TV_showFlipButton}/></td>
        </tr>
        <tr>
                <td>{'TV_showLinkButton'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="TV_showLinkButton" {$TV_showLinkButton}/></td>
        </tr>
        <tr>
                <td>{'TV_allowFullScreen'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="TV_allowFullScreen" {$TV_allowFullScreen}/></td>
        </tr>
        <tr>
                <td>{'TV_maxJPGSize'|@translate}</td>                   
                <td colspan="2"><input type="text" size="3" maxlength="3" name="TV_maxJPGSize" value="{$TV_maxJPGSize}" /></td>
        </tr>
        
        <tr>
                        <td>&nbsp;</td>
                        <td>{'TV_columns'|@translate}</label></td>
                        <td>{'TV_rows'|@translate}</td>
        </tr>
        <tr>
                <td>{'TV_thumbnail'|@translate}</td>
                <td><input type="text" size="2" maxlength="2" name="TV_columns" value="{$TV_columns}" /></td>
                <td><input type="text" size="2" maxlength="2" name="TV_rows" value="{$TV_rows}" /></td>
        </tr>

        <tr>
                <td>{'TV_linkLabel'|@translate}</td>
                <td colspan="2"><input type="text" size="30" maxlength="30" name="TV_linkLabel" value="{$TV_linkLabel}" /></td>
        </tr>
        <tr>
                <td>{'TV_frameColor'|@translate}</td>
                <td colspan="2"><input type="text" size="7" maxlength="7" name="TV_frameColor" class="colorwell" value="{$TV_frameColor}" /></td>
        </tr>
        <tr>
                <td>{'TV_backColor'|@translate}</td>                    
                <td colspan="2"><input type="text" size="7" maxlength="7" name="TV_backColor" class="colorwell" value="{$TV_backColor}" /></td>
        </tr>
        <tr>
                <td>{'TV_bkgndInnerColor'|@translate}</td>                      
                <td colspan="2"><input type="text" size="7" maxlength="7" name="TV_bkgndInnerColor" class="colorwell" value="{$TV_bkgndInnerColor}" /></td>
        </tr>
        <tr>
                <td>{'TV_bkgndOuterColor'|@translate}</td>                      
                <td colspan="2"><input type="text" size="7" maxlength="7" name="TV_bkgndOuterColor" class="colorwell" value="{$TV_bkgndOuterColor}" /></td>
        </tr>
        <tr>
                <td>{'TV_langGoFull'|@translate}</td>
                <td colspan="2"><input type="text" size="30" maxlength="30" name="TV_langGoFull" value="{$TV_langGoFull}" /></td>
        </tr>
        <tr>
                <td>{'TV_langExitFull'|@translate}</td>
                <td colspan="2"><input type="text" size="30" maxlength="30" name="TV_langExitFull" value="{$TV_langExitFull}" /></td>
        </tr>
        <tr>
                <td>{'TV_langAbout'|@translate}</td>
                <td colspan="2"><input type="text" size="30" maxlength="30" name="TV_langAbout" value="{$TV_langAbout}" /></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}