402 lines
16 KiB
XML
402 lines
16 KiB
XML
<?xml version="1.0"?>
|
|
|
|
<!--
|
|
- The contents of this file are subject to the Netscape Public
|
|
- License Version 1.1 (the "License"); you may not use this file
|
|
- except in compliance with the License. You may obtain a copy of
|
|
- the License at http://www.mozilla.org/NPL/
|
|
-
|
|
- Software distributed under the License is distributed on an "AS
|
|
- IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
|
|
- implied. See the License for the specific language governing
|
|
- rights and limitations under the License.
|
|
-
|
|
- The Original Code is Mozilla Communicator client code, released
|
|
- March 31, 1998.
|
|
-
|
|
- The Initial Developer of the Original Code is Netscape
|
|
- Communications Corporation. Portions created by Netscape are
|
|
- Copyright (C) 1998-1999 Netscape Communications Corporation. All
|
|
- Rights Reserved.
|
|
-
|
|
- Contributor(s):
|
|
-->
|
|
|
|
<?xml-stylesheet href="chrome://editor/skin/" type="text/css"?>
|
|
<?xml-stylesheet href="chrome://editor/skin/EditorDialog.css" type="text/css"?>
|
|
|
|
<?xul-overlay href="chrome://global/content/dialogOverlay.xul"?>
|
|
<?xul-overlay href="chrome://editor/content/EdDialogOverlay.xul"?>
|
|
|
|
<!DOCTYPE window SYSTEM "chrome://editor/locale/EditorTableProperties.dtd">
|
|
|
|
<window class="dialog" title="&tableWindow.title;"
|
|
xmlns:html="http://www.w3.org/TR/REC-html40"
|
|
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
|
onload="Startup()"
|
|
width="450" height="430"
|
|
align="vertical">
|
|
|
|
<!-- Methods common to all editor dialogs -->
|
|
<html:script language="JavaScript" src="chrome://editor/content/EdDialogCommon.js"/>
|
|
<html:script language="JavaScript" src="chrome://editor/content/EdTableProps.js"/>
|
|
<html:script language="JavaScript" src="chrome://global/content/dialogOverlay.js" />
|
|
|
|
<broadcaster id="args" value=""/>
|
|
<keyset id="keyset"/>
|
|
|
|
<tabcontrol align="vertical">
|
|
<tabbox align="horizontal" flex="100%">
|
|
<tab id="TableTab" selected="true" onclick="SelectTableTab()">&tableTab.label;</tab>
|
|
<tab id="CellTab" onclick="SelectCellTab()">&cellTab.label;</tab>
|
|
<spring flex="1"/>
|
|
</tabbox>
|
|
|
|
<tabpanel id="TabPanel" flex="100%">
|
|
<!-- table panel -->
|
|
<box id="TablePanel" align="vertical" class="panel">
|
|
<titledbox class="holder">
|
|
<title>&tableSize.label;</title>
|
|
<html:table width="350">
|
|
<html:tr>
|
|
<html:td>
|
|
<html:label for="tableRows.text">&tableRows.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<html:input type="text" id="tableRows.text" size="3"/>
|
|
</html:td>
|
|
<html:td>
|
|
<html:input type="checkbox" id="tableHeight.check"/>
|
|
</html:td>
|
|
<html:td>
|
|
<html:label for="tableHeight.check">&tableHeight.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<html:input type="text" id="tableHeight.text" size="3"/>
|
|
</html:td>
|
|
<html:td>
|
|
<html:select id="heightUnits">
|
|
<html:option value="px">&tablePixels.label;</html:option>
|
|
<html:option value="pc">&tablePercent.label;</html:option>
|
|
</html:select>
|
|
</html:td>
|
|
</html:tr>
|
|
<html:tr>
|
|
<html:td>
|
|
<html:label for="tableColumns.text">&tableColumns.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<html:input type="text" id="tableColumns.text" size="3"/>
|
|
</html:td>
|
|
<html:td>
|
|
<html:input type="checkbox" id="tableWidth.check"/>
|
|
</html:td>
|
|
<html:td>
|
|
<html:label for="tableWidth.check">&tableWidth.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<html:input type="text" id="tableWidth.text" size="3"/>
|
|
</html:td>
|
|
<html:td>
|
|
<html:select id="widthUnits">
|
|
<html:option value="px">&tablePixels.label;</html:option>
|
|
<html:option value="pc">&tablePercent.label;</html:option>
|
|
</html:select>
|
|
</html:td>
|
|
</html:tr>
|
|
</html:table>
|
|
</titledbox>
|
|
<box align="horizontal">
|
|
<titledbox flex="100%">
|
|
<title>&tableBorderSpacing.label;</title>
|
|
<html:table>
|
|
<html:tr>
|
|
<html:td>
|
|
<html:input type="checkbox" id="BorderWidthCheck"/>
|
|
</html:td>
|
|
<html:td>
|
|
<html:label for="BorderWidthCheck">&tableBorderWidth.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<html:input type="text" id="BorderWidthInput" size="3"/>
|
|
</html:td>
|
|
<html:td>
|
|
<html:div>&tablePixels.label;</html:div>
|
|
</html:td>
|
|
</html:tr>
|
|
</html:table>
|
|
<html:table>
|
|
<html:tr>
|
|
<html:td>
|
|
<html:label for="spacing.text">&tableSpacing.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<html:input type="text" id="spacing.text" size="3"/>
|
|
</html:td>
|
|
<html:td>
|
|
<html:div>&tablePxBetwCells.label;</html:div>
|
|
</html:td>
|
|
</html:tr>
|
|
<html:tr>
|
|
<html:td>
|
|
<html:label for="padding.text">&tablePadding.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<html:input type="text" id="padding.text" size="3"/>
|
|
</html:td>
|
|
<html:td>
|
|
<html:div>&tablePxBetwBrdrCellContent.label;</html:div>
|
|
</html:td>
|
|
</html:tr>
|
|
</html:table>
|
|
</titledbox>
|
|
<box align="vertical" flex="100%">
|
|
<spring flex="100%"/>
|
|
<html:table>
|
|
<html:tr>
|
|
<html:td>
|
|
<html:label for="alignment.select">&tableAlignment.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<html:select id="alignment.select">
|
|
<html:option value="left">&tableAlignLeft.label;</html:option>
|
|
<html:option value="center">&tableAlignCenter.label;</html:option>
|
|
<html:option value="right">&tableAlignRight.label;</html:option>
|
|
</html:select>
|
|
</html:td>
|
|
</html:tr>
|
|
<spring flex="100%"/>
|
|
<html:tr>
|
|
<html:td>
|
|
<html:label for="caption.select">&tableCaption.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<html:select id="caption.select">
|
|
<html:option value="none">&tableCaptionNone.label;</html:option>
|
|
<html:option value="above">&tableCaptionAbove.label;</html:option>
|
|
<html:option value="below">&tableCaptionBelow.label;</html:option>
|
|
</html:select>
|
|
</html:td>
|
|
</html:tr>
|
|
</html:table>
|
|
<spring flex="100%"/>
|
|
</box>
|
|
</box>
|
|
<titledbox>
|
|
<title>&tableBackground.label;</title>
|
|
<html:table width="100%">
|
|
<html:tr>
|
|
<html:td>
|
|
<html:label for="bgcolor.select">&tableColor.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<menu class="colorpicker">
|
|
<html:div id="tableBackgroundCW" class="color-well"/>
|
|
<titledbutton class="popup" align="right" flex="1"/>
|
|
<menupopup>
|
|
<colorpicker id="tableBackgroundCP" palettename="standard" onclick="GetColorAndUpdate('tableBackgroundCP','tableBackgroundCW',this);"/>
|
|
<titledbutton class="push" value="&defaultColor.label;" onclick="GetColorAndUpdate('tableBackgroundCP','tableBackgroundCW',this"/>
|
|
</menupopup>
|
|
</menu>
|
|
</html:td>
|
|
</html:tr>
|
|
<html:tr>
|
|
<html:td>
|
|
<html:label for="bgimage.text">&tableImage.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<html:input type="text" id="bgimage.text" style="width: 70%;"/>
|
|
<titledbutton class="push" value="&tableChooseImage.label;" id="bgimage.button"/>
|
|
</html:td>
|
|
</html:tr>
|
|
<html:tr>
|
|
<html:td/>
|
|
<html:td>
|
|
<html:input type="checkbox" id="leaveLoc.check"/>
|
|
<html:label for="leaveLoc.check">&tableLeaveImageAtLocation.label;</html:label>
|
|
</html:td>
|
|
</html:tr>
|
|
</html:table>
|
|
</titledbox>
|
|
</box>
|
|
|
|
<!-- cell panel -->
|
|
<box id="CellPanel" align="vertical" class="panel">
|
|
<titledbox class="holder">
|
|
<title>&cellSelection.label;</title>
|
|
<html:table width="350">
|
|
<html:tr>
|
|
<html:td>
|
|
<html:select id="selection.select">
|
|
<html:option value="cell">&cellSelectionCell.label;</html:option>
|
|
<html:option value="row">&cellSelectionRow.label;</html:option>
|
|
<html:option value="column">&cellSelectionColumn.label;</html:option>
|
|
</html:select>
|
|
</html:td>
|
|
<html:td>
|
|
<titledbutton class="push" value="&cellSelectionPrevious.label;" id="previous.button"/>
|
|
</html:td>
|
|
<html:td>
|
|
<titledbutton class="push" value="&cellSelectionNext.label;" id="next.button"/>
|
|
</html:td>
|
|
</html:tr>
|
|
</html:table>
|
|
</titledbox>
|
|
<!-- cell size fieldset -->
|
|
<titledbox>
|
|
<title>&tableSize.label;</title>
|
|
<html:table>
|
|
<html:tr>
|
|
<html:td>
|
|
<html:input type="checkbox" id="cellHeight.check"/>
|
|
</html:td>
|
|
<html:td>
|
|
<html:label for="tableHeight.check">&tableHeight.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<html:input type="text" id="cellHeight.text" size="3"/>
|
|
</html:td>
|
|
<html:td>
|
|
<html:select id="cellHeightUnits">
|
|
<html:option value="px">&tablePixels.label;</html:option>
|
|
<html:option value="pc">&tablePercent.label;</html:option>
|
|
</html:select>
|
|
</html:td>
|
|
<html:td>
|
|
<html:label for="rows.text">&cellSpans.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<html:input type="text" id="rows.text" size="3"/>
|
|
</html:td>
|
|
<html:td>
|
|
<html:div>&cellSpanRows.label;</html:div>
|
|
</html:td>
|
|
</html:tr>
|
|
<html:tr>
|
|
<html:td>
|
|
<html:input type="checkbox" id="tableWidth.check"/>
|
|
</html:td>
|
|
<html:td>
|
|
<html:label for="tableWidth.check">&tableWidth.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<html:input type="text" id="tableWidth.text" size="3"/>
|
|
</html:td>
|
|
<html:td>
|
|
<html:select id="cellWidthUnits">
|
|
<html:option value="px">&tablePixels.label;</html:option>
|
|
<html:option value="pc">&tablePercent.label;</html:option>
|
|
</html:select>
|
|
</html:td>
|
|
<html:td> </html:td>
|
|
<html:td>
|
|
<html:input type="text" id="cols.text" size="3"/>
|
|
</html:td>
|
|
<html:td>
|
|
<html:div>&cellSpanCols.label;</html:div>
|
|
</html:td>
|
|
</html:tr>
|
|
</html:table>
|
|
</titledbox>
|
|
<box align="horizontal">
|
|
<titledbox flex="100%">
|
|
<title>&cellContentAlignment.label;</title>
|
|
<html:table>
|
|
<html:tr>
|
|
<html:td>
|
|
<html:label for="horzAlignment.select">&cellHorizontal.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<html:select id="horzAlignment.select">
|
|
<html:option value="left">&tableAlignLeft.label;</html:option>
|
|
<html:option value="center">&tableAlignCenter.label;</html:option>
|
|
<html:option value="right">&tableAlignRight.label;</html:option>
|
|
</html:select>
|
|
</html:td>
|
|
</html:tr>
|
|
<html:tr>
|
|
<html:td>
|
|
<html:label for="vertAlignment.select">&cellVertical.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<html:select id="vertAlignment.select">
|
|
<html:option value="top">&cellAlignTop.label;</html:option>
|
|
<html:option value="center">&cellAlignCenter.label;</html:option>
|
|
<html:option value="bottom">&cellAlignBottom.label;</html:option>
|
|
</html:select>
|
|
</html:td>
|
|
</html:tr>
|
|
</html:table>
|
|
</titledbox>
|
|
<box align="vertical">
|
|
<titledbox>
|
|
<title>&cellTextStyle.label;</title>
|
|
<html:table>
|
|
<html:tr>
|
|
<html:td>
|
|
<html:input type="checkbox" id="header.check"/>
|
|
</html:td>
|
|
<html:td>
|
|
<html:label for="header.check">&cellHeader.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<html:input type="checkbox" id="nonbreaking.check"/>
|
|
</html:td>
|
|
<html:td>
|
|
<html:label for="nonbreaking.check">&cellNonbreaking.label;</html:label>
|
|
</html:td>
|
|
</html:tr>
|
|
</html:table>
|
|
</titledbox>
|
|
<spring flex="100%"/>
|
|
</box>
|
|
</box>
|
|
|
|
<titledbox>
|
|
<title>&tableBackground.label;</title>
|
|
<html:table width="100%">
|
|
<html:tr>
|
|
<html:td>
|
|
<html:label for="cellbgcolor.select">&tableColor.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<menu class="colorpicker">
|
|
<html:div id="cellBackgroundCW" class="color-well"/>
|
|
<titledbutton class="popup" align="right" flex="1"/>
|
|
<menupopup>
|
|
<colorpicker id="cellBackgroundCP" palettename="standard"
|
|
onclick="GetColorAndUpdate('cellBackgroundCP','cellBackgroundCW',this)"/>
|
|
<titledbutton class="push" value="&defaultColor.label;"
|
|
onclick="GetColorAndUpdate('cellBackgroundCP','cellBackgroundCW',this)"/>
|
|
</menupopup>
|
|
</menu>
|
|
</html:td>
|
|
</html:tr>
|
|
<html:tr>
|
|
<html:td>
|
|
<html:label for="cellbgimage.text">&tableImage.label;</html:label>
|
|
</html:td>
|
|
<html:td>
|
|
<html:input type="text" id="cellbgimage.text" style="width: 70%;"/>
|
|
<titledbutton class="push" value="&tableChooseImage.label;" id="cellbgimage.button"/>
|
|
</html:td>
|
|
</html:tr>
|
|
<html:tr>
|
|
<html:td/>
|
|
<html:td>
|
|
<html:input type="checkbox" id="cellleaveLoc.check"/>
|
|
<html:label for="cellleaveLoc.check">&tableLeaveImageAtLocation.label;</html:label>
|
|
</html:td>
|
|
</html:tr>
|
|
</html:table>
|
|
</titledbox>
|
|
</box>
|
|
</tabpanel>
|
|
</tabcontrol>
|
|
<!-- from EdDialogOverlay -->
|
|
<box id="AdvancedEdit"/>
|
|
<spring flex="100%"/>
|
|
<box id="okCancelButtons"/>
|
|
|
|
</window>
|