- <%@ 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:5;padding-bottom:0;height:100%">
- <table>
- <tr>
- <td valign="top" style="padding:3">
- <div style="overflow:auto;border:gray 1 solid;width:115;height:127;">
- <table id="tblBorderStyle" cellpadding="5" cellspacing="0" width="100%" style="table-layout:fixed;background:white">
- <tr>
- <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('')"
- style="cursor:default;height:25;padding:4;border:white 1 solid;">
- <div style="border:none;height:10;width:100%">[[NotSet]]</div>
- </td>
- </tr>
- <tr>
- <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('solid')"
- style="cursor:default;height:25;padding:4;border:white 1 solid;">
- <div style="border-bottom:black 1 solid;height:10;width:100%" title="solid"></div>
- </td>
- </tr>
- <tr>
- <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('dotted')"
- style="cursor:default;height:25;padding:4;border:white 1 solid;">
- <div style="border-bottom:black dotted;height:10;width:100%" title="dotted"></div>
- </td>
- </tr>
- <tr>
- <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('dashed')"
- style="cursor:default;height:25;padding:4;border:white 1 solid;">
- <div style="border-bottom:black dashed;height:10;width:100%" title="dashed"></div>
- </td>
- </tr>
- <tr>
- <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('double')"
- style="cursor:default;height:25;padding:4;border:white 1 solid;">
- <div style="border-bottom:black dotted;height:10;width:100%" title="double"></div>
- </td>
- </tr>
- <tr>
- <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('groove')"
- style="cursor:default;height:25;padding:4;border:white 1 solid;">
- <div style="border-style:groove;height:10;width:100%" title="groove"></div>
- </td>
- </tr>
- <tr>
- <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('ridge')"
- style="cursor:default;height:25;padding:4;border:white 1 solid;">
- <div style="border-style:ridge;height:10;width:100%" title="ridge"></div>
- </td>
- </tr>
- <tr>
- <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('inset')"
- style="cursor:default;height:25;padding:4;border:white 1 solid;">
- <div style="border-style:inset;height:10;width:100%" title="inset"></div>
- </td>
- </tr>
- <tr>
- <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('outset')"
- style="cursor:default;height:25;padding:4;border:white 1 solid;">
- <div style="border-style:outset;height:10;width:100%" title="outset"></div>
- </td>
- </tr>
- </table>
- </div>
- <input type="hidden" name="sel_style" id="sel_style" />
- </td>
- <td valign="top" style="padding:3">
- <div style='overflow:auto;border:gray 1 solid;width:115;height:127'>
- <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:25;padding:1;border:white 1 solid;">
- <table width="100%">
- <tr>
- <td style="height:25">1px</td>
- <td valign="top" 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:25;padding:1;border:white 1 solid;">
- <table width="100%">
- <tr>
- <td style="height:25">2px</td>
- <td valign="top" 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:25;padding:1;border:white 1 solid;">
- <table width="100%">
- <tr>
- <td style="height:25">3px</td>
- <td valign="top" 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:25;padding:1;border:white 1 solid;">
- <table width="100%">
- <tr>
- <td style="height:25">4px</td>
- <td valign="top" 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:25;padding:1;border:white 1 solid;">
- <table width="100%">
- <tr>
- <td style="height:25">5px</td>
- <td valign="top" 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:25;padding:1;border:white 1 solid;">
- <table width="100%">
- <tr>
- <td style="height:25">6px</td>
- <td valign="top" 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:25;padding:1;border:white 1 solid;">
- <table width="100%">
- <tr>
- <td style="height:25">7px</td>
- <td valign="top" 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:3" >
- <div style='overflow:auto;border:gray 1 solid;width:55;height:127'>
- <table cellpadding="5" cellspacing="0" width="100%" style='table-layout:fixed;background:white'>
- <tr>
- <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doPart('none')"
- style="height:30;padding:4;border:white 1 solid;">
- <img src='Load.ashx?type=image&file=border_none.gif' alt='No Border' />
- </td>
- </tr>
- <tr>
- <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doPart('')"
- style="height:30;padding:4;border:white 1 solid;">
- <img src='Load.ashx?type=image&file=border_outside.gif' alt='All' />
- </td>
- </tr>
- <tr>
- <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doPart('left')"
- style="height:30;padding:4;border:white 1 solid;">
- <img src='Load.ashx?type=image&file=border_left.gif' alt='[[Left]]' />
- </td>
- </tr>
- <tr>
- <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doPart('top')"
- style="height:30;padding:4;border:white 1 solid;">
- <img src='Load.ashx?type=image&file=border_top.gif' alt='[[Top]]' />
- </td>
- </tr>
- <tr>
- <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doPart('right')"
- style="height:30;padding:4;border:white 1 solid;">
- <img src='Load.ashx?type=image&file=border_right.gif' alt='[[Right]]' />
- </td>
- </tr>
- <tr>
- <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doPart('bottom')"
- style="height:30;padding:4;border:white 1 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 valign="top" style="white-space:nowrap;padding:0 5px 3px 8px;" >
- <table cellpadding="0" cellspacing="0" style="padding-bottom:10">
- <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"
- style='behavior:url(Load.ashx?type=htc&file=ColorPicker.htc)' oncolorchange="bordercolor.value=this.selectedColor; bordercolor.style.backgroundColor=this.selectedColor" />
- </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"
- style='behavior:url(Load.ashx?type=htc&file=ColorPicker.htc)' oncolorchange="inp_color.value=this.selectedColor; inp_color.style.backgroundColor=this.selectedColor" />
- </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"
- style='behavior:url(Load.ashx?type=htc&file=ColorPicker.htc)' oncolorchange="inp_shade.value=this.selectedColor; inp_shade.style.backgroundColor=this.selectedColor" />
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- <tr>
- <td style="padding-left:8; padding-top:10;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> </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> </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:5;height:55;border-left:lightgrey 1 solid"></div>
- </td>
- <td style="padding-bottom:5">
- <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> </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> </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:3;padding-bottom:5;border-top:lightgrey 1 solid">
- <fieldset><legend>[[Common]]</legend>
- <table class="normal">
- <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>
- [[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>
- [[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&file=Dialog_Tag_Div.js"></script>