You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

396 lines
16 KiB

<%@ Control Inherits="CuteEditor.EditorUtilityCtrl" Language="c#" AutoEventWireup="false" TargetSchema="http://schemas.microsoft.com/intellisense/ie5" %>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" style="padding:5px;padding-bottom:0;height:100%">
<table>
<tr>
<td valign="top" style="padding:3px">
<div style="overflow:auto;border:gray 1px solid;width:115px;height:127px;">
<table id="tblBorderStyle" cellpadding="5" cellspacing="0" width="100%" style="table-layout:fixed;background:white">
<tr>
<td onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('')"
style="cursor:default;height:25px;padding:4px;border:white 1px solid;">
<div style="border:none;height:10px;width:100%">[[NotSet]]</div>
</td>
</tr>
<tr>
<td onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('solid')"
style="cursor:default;height:25px;padding:4px;border:white 1px solid;">
<div style="border-bottom:black 1 solid;height:10px;width:100%" title="solid"></div>
</td>
</tr>
<tr>
<td onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('dotted')"
style="cursor:default;height:25px;padding:4px;border:white 1px solid;">
<div style="border-bottom:black dotted;height:10px;width:100%" title="dotted"></div>
</td>
</tr>
<tr>
<td onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('dashed')"
style="cursor:default;height:25px;padding:4px;border:white 1px solid;">
<div style="border-bottom:black dashed;height:10px;width:100%" title="dashed"></div>
</td>
</tr>
<tr>
<td onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('double')"
style="cursor:default;height:25px;padding:4px;border:white 1px solid;">
<div style="border-bottom:black dotted;height:10px;width:100%" title="double"></div>
</td>
</tr>
<tr>
<td onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('groove')"
style="cursor:default;height:25px;padding:4px;border:white 1px solid;">
<div style="border-style:groove;height:10px;width:100%" title="groove"></div>
</td>
</tr>
<tr>
<td onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('ridge')"
style="cursor:default;height:25px;padding:4px;border:white 1px solid;">
<div style="border-style:ridge;height:10px;width:100%" title="ridge"></div>
</td>
</tr>
<tr>
<td onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('inset')"
style="cursor:default;height:25px;padding:4px;border:white 1px solid;">
<div style="border-style:inset;height:10px;width:100%" title="inset"></div>
</td>
</tr>
<tr>
<td onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('outset')"
style="cursor:default;height:25px;padding:4px;border:white 1px solid;">
<div style="border-style:outset;height:10px;width:100%" title="outset"></div>
</td>
</tr>
</table>
</div>
<input type="hidden" name="sel_style" id="sel_style" />
</td>
<td valign="top" style="padding:3px">
<div style='overflow:auto;border:gray 1px solid;width:115px;height:127px'>
<table cellpadding="5" cellspacing="0" width="100%" style='table-layout:fixed;background:white'>
<tr>
<td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doWidth('1px')"
style="height:25px;padding:1px;border:white 1px solid;">
<table width="100%">
<tr>
<td style="height:25px">1px</td>
<td style="width:100%">
<table style='border-bottom:black 1px solid;height:16;' width="100%">
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doWidth('2px')"
style="height:25px;padding:1px;border:white 1px solid;">
<table width="100%">
<tr>
<td style="height:25px">2px</td>
<td style="width:100%">
<table style='border-bottom:black 2px solid;height:16;' width="100%">
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doWidth('3px')"
style="height:25px;padding:1px;border:white 1px solid;">
<table width="100%">
<tr>
<td style="height:25px">3px</td>
<td style="width:100%">
<table style='border-bottom:black 2px solid;height:16;' width="100%">
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doWidth('4px')"
style="height:25px;padding:1px;border:white 1px solid;">
<table width="100%">
<tr>
<td style="height:25px">4px</td>
<td style="width:100%">
<table style='border-bottom:black 4px solid;height:16;' width="100%">
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top"onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doWidth('5px')"
style="height:25px;padding:1px;border:white 1px solid;">
<table width="100%">
<tr>
<td style="height:25px">5px</td>
<td style="width:100%">
<table style='border-bottom:black 5px solid;height:16;' width="100%">
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top"onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doWidth('6px')"
style="height:25px;padding:1px;border:white 1px solid;">
<table width="100%">
<tr>
<td style="height:25px">6px</td>
<td style="width:100%">
<table style='border-bottom:black 6px solid;height:16;' width="100%">
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top"onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doWidth('7px')"
style="height:25px;padding:1px;border:white 1px solid;">
<table width="100%">
<tr>
<td style="height:25px">7px</td>
<td style="width:100%">
<table style='border-bottom:black 7px solid;height:16;' width="100%">
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<input type="hidden" name="sel_border" id="sel_border" />
</div>
</td>
<td valign="top" style="white-space:nowrap;padding:3px" >
<div style='overflow:auto;border:gray 1px solid;width:55px;height:127px'>
<table cellpadding="5" cellspacing="0" width="100%" style='table-layout:fixed;background:white'>
<tr>
<td onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doPart('none')"
style="height:30px;padding:4px;border:white 1px solid;">
<img src='Load.ashx?type=image&file=border_none.gif' alt='No Border' />
</td>
</tr>
<tr>
<td onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doPart('')"
style="height:30px;padding:4px;border:white 1px solid;">
<img src='Load.ashx?type=image&file=border_outside.gif' alt='All' />
</td>
</tr>
<tr>
<td onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doPart('left')"
style="height:30px;padding:4px;border:white 1px solid;">
<img src='Load.ashx?type=image&file=border_left.gif' alt='[[Left]]' />
</td>
</tr>
<tr>
<td onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doPart('top')"
style="height:30px;padding:4px;border:white 1px solid;">
<img src='Load.ashx?type=image&file=border_top.gif' alt='[[Top]]' />
</td>
</tr>
<tr>
<td onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doPart('right')"
style="height:30px;padding:4px;border:white 1px solid;">
<img src='Load.ashx?type=image&file=border_right.gif' alt='[[Right]]' />
</td>
</tr>
<tr>
<td onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doPart('bottom')"
style="height:30px;padding:4px;border:white 1px solid;">
<img src='Load.ashx?type=image&file=border_bottom.gif' alt='[[Bottom]]' />
</td>
</tr>
</table>
<input type="hidden" name="sel_part" id="sel_part" />
</div>
</td>
<td style="white-space:nowrap;padding:0 5px 3px 8px;" >
<table cellpadding="0" cellspacing="0" style="padding-bottom:10px">
<tr>
<td>[[BorderColor]]:<br />
<input autocomplete="off" type="text" id="bordercolor" name="bordercolor" size="7" style="WIDTH:57px" />
<img alt="" id="bordercolor_Preview" src="Load.ashx?type=image&file=colorpicker.gif" class="cursor" style="margin-bottom:-2px" />
</td>
</tr>
<tr>
<td>[[ForeColor]]:<br />
<input autocomplete="off" type="text" id="inp_color" name="inp_color" size="7" style="WIDTH:57px" />
<img alt="" id="inp_color_Preview" src="Load.ashx?type=image&file=colorpicker.gif" class="cursor" style="margin-bottom:-2px" />
</td>
</tr>
<tr>
<td>[[Shade]]:<br />
<input autocomplete="off" type="text" id="inp_shade" name="inp_shade" size="7" style="WIDTH:57px" />
<img alt="" id="inp_shade_Preview" src="Load.ashx?type=image&file=colorpicker.gif" class="cursor" style="margin-bottom:-2px" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding-left:8px; padding-top:10px;white-space:nowrap">
<table cellpadding="0" cellspacing="0">
<tr>
<td>
<table cellpadding="2" cellspacing="0">
<tr>
<td colspan="7">[[Margin]]:</td>
</tr>
<tr>
<td><span>[[Left]]</span>:</td>
<td><input type="text" id="inp_MarginLeft" size="1" onkeypress="return CancelEventIfNotDigit()" /></td>
<td>
px</td>
<td>&nbsp;&nbsp;</td>
<td align="right"><span>[[Right]]</span>:</td>
<td><input type="text" id="inp_MarginRight" size="1" onkeypress="return CancelEventIfNotDigit()" /></td>
<td>px</td>
</tr>
<tr>
<td><span>[[Top]]</span>:</td>
<td><input type="text" id="inp_MarginTop" size="1" onkeypress="return CancelEventIfNotDigit()" /></td>
<td>px</td>
<td>&nbsp;&nbsp;</td>
<td align="right"><span>[[Bottom]]</span>:</td>
<td><input type="text" id="inp_MarginBottom" size="1" onkeypress="return CancelEventIfNotDigit()" /></td>
<td>px</td>
</tr>
</table>
</td>
<td>
<div style="margin:5px;height:55px;border-left:lightgrey 1px solid"></div>
</td>
<td style="padding-bottom:5px">
<table cellpadding="2" cellspacing="0">
<tr>
<td colspan="7">[[Padding]]:</td>
</tr>
<tr>
<td><span>[[Left]]</span>:</td>
<td><input type="text" id="inp_PaddingLeft" size="1" onkeypress="return CancelEventIfNotDigit()" /></td>
<td>
px</td>
<td>&nbsp;&nbsp;</td>
<td align="right"><span>[[Right]]</span>:</td>
<td><input type="text" id="inp_PaddingRight" size="1" onkeypress="return CancelEventIfNotDigit()" /></td>
<td>
px</td>
</tr>
<tr>
<td><span>[[Top]]</span>:</td>
<td><input type="text" id="inp_PaddingTop" size="1" onkeypress="return CancelEventIfNotDigit()" /></td>
<td>
px</td>
<td>&nbsp;&nbsp;</td>
<td align="right"><span>[[Bottom]]</span>:</td>
<td><input type="text" id="inp_PaddingBottom" size="1" onkeypress="return CancelEventIfNotDigit()" /></td>
<td>
px</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" style="padding-top:3px;padding-bottom:5px;border-top:lightgrey 1px solid">
<fieldset><legend>[[Common]]</legend>
<table class="normal" width="98%">
<tr>
<td width="80" style="white-space:nowrap" >[[Width]]:</td>
<td style="white-space:nowrap">
<input type="text" id="inp_width" size="8" onkeypress="return CancelEventIfNotDigit()" />
<select id="sel_width_unit">
<option value="px">px</option>
<option value="%">%</option>
</select>
</td>
<td></td>
<td>[[Height]]:</td>
<td style="white-space:nowrap">
<input type="text" id="inp_height" size="8" onkeypress="return CancelEventIfNotDigit()" />
<select id="sel_height_unit">
<option value="px">px</option>
<option value="%">%</option>
</select>
</td>
</tr>
<tr>
<td valign="middle" style="white-space:nowrap" >[[ID]]:</td>
<td><input type="text" id="inp_id" size="16" /></td>
<td></td>
<td style='width:60px'>[[CssClass]]:</td>
<td><input type="text" id="inp_class" size="16" /></td>
</tr>
<tr>
<td>[[Alignment]]:</td>
<td colspan="4">
<select id="sel_align">
<option value="">[[NotSet]]</option>
<option value="left">[[Left]]</option>
<option value="center">[[Center]]</option>
<option value="right">[[Right]]</option>
</select>
&nbsp; [[Text-Align]] :
<select id="sel_textalign">
<option value="">[[NotSet]]</option>
<option value="left">[[Left]]</option>
<option value="center">[[Center]]</option>
<option value="right">[[Right]]</option>
<option value="justify">[[Justify]]</option>
</select>
&nbsp; [[Float]]:
<select id="sel_float">
<option value="">[[NotSet]]</option>
<option value="left">[[Left]]</option>
<option value="right">[[Right]]</option>
</select>
</td>
</tr>
<tr>
<td style='width:60px'>[[Title]] :</td>
<td colspan="4">
<textarea id="inp_tooltip" rows="2" cols="20" style="width:320px"></textarea>
</td>
</tr>
</table>
</fieldset>
</td>
</tr>
</table>
</td>
</tr>
</table>
<script type="text/javascript" src="Load.ashx?type=dialogscript&verfix=1006&file=Dialog_Tag_Div.js"></script>