Piwigo/admin/themes/default/template/derivatives.tpl

<h2>{'Derivatives'|@translate}</h2>

{html_head}{literal}
<style type="text/css">
#derviativesForm .dError {
	background-color: red;
	color: yellow;
}

#derviativesForm .dErrorDesc {
}

#derviativesForm TABLE THEAD {
	height: 3em;
}

#derviativesForm TABLE INPUT[type="text"] {
	border: 0;
	width: 5em;
}

</style>
{/literal}{/html_head}

<form method="post" id="derviativesForm">
<table class="table2">
	<thead>
	<tr>
		<td></td>
		<td>Enabled</td>
		<td>{'Width'|@translate}</td>
		<td>{'Height'|@translate}</td>
		<td>{'Crop'|@translate} (%)</td>
		<td>{'Min Width'|@translate}</td>
		<td>{'Min Height'|@translate}</td>
	</tr>
	</thead>
	{foreach from=$derivatives item=d key=type}
	<tr>
		<td>{$type|@translate}</td>
		<td>
		{if $d.must_enable}
			x
		{else}
			<input type="checkbox" name="d[{$type}][enabled]" {if $d.enabled}checked="checked"{/if}>
		{/if}
		</td>
		<td>
			<input type="text" name="d[{$type}][w]" value="{$d.w}"{if isset($ferrors.$type.w)}class="dError"{/if}>
			{if isset($ferrors.$type.w)}<span class="dErrorDesc" title="{$ferrors.$type.w}">!</span>{/if}
		</td>
		<td>{if !$d.must_square}
			<input type="text" name="d[{$type}][h]" value="{$d.h}"{if isset($ferrors.$type.h)}class="dError"{/if}>
			{if isset($ferrors.$type.h)}<span class="dErrorDesc" title="{$ferrors.$type.h}">!</span>{/if}
		{/if}</td>
		<td>{if !$d.must_square}
			<input type="text" name="d[{$type}][crop]" value="{$d.crop}"{if isset($ferrors.$type.crop)}class="dError"{/if}>
			{if isset($ferrors.$type.crop)}<span class="dErrorDesc" title="{$ferrors.$type.crop}">!</span>{/if}
		{/if}</td>
		<td>{if !$d.must_square}
			<input type="text" name="d[{$type}][minw]" value="{$d.minw}"{if isset($ferrors.$type.minw)}class="dError"{/if}>
			{if isset($ferrors.$type.minw)}<span class="dErrorDesc" title="{$ferrors.$type.minw}">!</span>{/if}
		{/if}</td>
		<td>{if !$d.must_square}
			<input type="text" name="d[{$type}][minh]" value="{$d.minh}"{if isset($ferrors.$type.minh)}class="dError"{/if}>
			{if isset($ferrors.$type.minh)}<span class="dErrorDesc" title="{$ferrors.$type.minh}">!</span>{/if}
		{/if}</td>

	</tr>
	{/foreach}
</table>
<p><input type="submit" value="{'Submit'|@translate}"></p>
</form>

{footer_script}{literal}
jQuery(".dError").bind("focus", function () {
	jQuery(this).removeClass("dError");
} );
{/literal}{/footer_script}