toolkit/components/printing/content/printPageSetup.xhtml

   1 <?xml version="1.0"?>
   2 <!-- -*- Mode: HTML -*- -->
   3
   4 <!-- This Source Code Form is subject to the terms of the Mozilla Public
   5    - License, v. 2.0. If a copy of the MPL was not distributed with this
   6    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
   7
   8 <window
   9   xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
  10   xmlns:html="http://www.w3.org/1999/xhtml"
  11   onload="onLoad();"
  12   oncancel="return onCancel();"
  13   data-l10n-id="print-setup"
  14   dialogroot="true"
  15   persist="screenX screenY"
  16   screenX="24"
  17   screenY="24"
  18 >
  19   <dialog id="printPageSetupDialog">
  20     <linkset>
  21       <html:link rel="stylesheet" href="chrome://global/skin/global.css" />
  22       <html:link
  23         rel="stylesheet"
  24         href="chrome://global/skin/in-content/common.css"
  25       />
  26       <html:link
  27         rel="stylesheet"
  28         href="chrome://global/skin/printPageSetup.css"
  29       />
  30
  31       <html:link rel="localization" href="toolkit/printing/printDialogs.ftl" />
  32     </linkset>
  33
  34     <script src="chrome://global/content/globalOverlay.js" />
  35     <script src="chrome://global/content/editMenuOverlay.js" />
  36     <script src="chrome://global/content/printPageSetup.js" />
  37
  38     <tabbox flex="1">
  39       <tabs>
  40         <tab data-l10n-id="basic-tab" />
  41         <tab data-l10n-id="advanced-tab" />
  42       </tabs>
  43       <tabpanels flex="1">
  44         <vbox>
  45           <html:fieldset>
  46             <html:legend
  47               ><label data-l10n-id="format-group-label"
  48             /></html:legend>
  49             <vbox class="groupbox-body">
  50               <hbox align="center">
  51                 <label control="orientation" data-l10n-id="orientation-label" />
  52                 <radiogroup id="orientation" oncommand="setOrientation()">
  53                   <hbox align="center">
  54                     <radio
  55                       id="portrait"
  56                       class="portrait-page"
  57                       data-l10n-id="portrait"
  58                     />
  59                     <radio
  60                       id="landscape"
  61                       class="landscape-page"
  62                       data-l10n-id="landscape"
  63                     />
  64                   </hbox>
  65                 </radiogroup>
  66               </hbox>
  67               <separator />
  68               <hbox align="center">
  69                 <label control="scalingInput" data-l10n-id="scale" />
  70                 <html:input
  71                   id="scalingInput"
  72                   size="4"
  73                   oninput="checkDouble(this)"
  74                 />
  75                 <label data-l10n-id="scale-percent" />
  76                 <separator />
  77                 <checkbox
  78                   id="shrinkToFit"
  79                   data-l10n-id="shrink-to-fit"
  80                   oncommand="gDialog.scalingInput.disabled = gDialog.scalingLabel.disabled = this.checked"
  81                 />
  82               </hbox>
  83             </vbox>
  84           </html:fieldset>
  85           <html:fieldset>
  86             <html:legend
  87               ><label data-l10n-id="options-group-label"
  88             /></html:legend>
  89             <checkbox
  90               id="printBG"
  91               class="groupbox-body"
  92               data-l10n-id="print-bg"
  93             />
  94           </html:fieldset>
  95         </vbox>
  96         <vbox>
  97           <html:fieldset>
  98             <html:legend
  99               ><label id="marginGroup" data-l10n-id="margin-group-label"
 100             /></html:legend>
 101             <vbox class="groupbox-body">
 102               <hbox align="center">
 103                 <spacer flex="1" />
 104                 <label control="topInput" data-l10n-id="margin-top" />
 105                 <html:input
 106                   id="topInput"
 107                   size="5"
 108                   oninput="changeMargin(this)"
 109                 />
 110                 <!-- This invisible label (with same content as the visible one!) is used
 111                    to ensure that the <input> is centered above the page.  The same
 112                    technique is deployed for the bottom/left/right input fields, below. -->
 113                 <label
 114                   data-l10n-id="margin-top-invisible"
 115                   style="visibility: hidden"
 116                 />
 117                 <spacer flex="1" />
 118               </hbox>
 119               <hbox dir="ltr">
 120                 <spacer flex="1" />
 121                 <vbox>
 122                   <spacer flex="1" />
 123                   <label control="leftInput" data-l10n-id="margin-left" />
 124                   <html:input
 125                     id="leftInput"
 126                     size="5"
 127                     oninput="changeMargin(this)"
 128                   />
 129                   <label
 130                     data-l10n-id="margin-left-invisible"
 131                     style="visibility: hidden"
 132                   />
 133                   <spacer flex="1" />
 134                 </vbox>
 135                 <!-- The "margin page" draws a simulated printout page with dashed lines
 136                    for the margins.  The height/width style attributes of the marginTop,
 137                    marginBottom, marginLeft, and marginRight elements are set by
 138                    the JS code dynamically based on the user input. -->
 139                 <vbox id="marginPage" style="height: 29.7mm">
 140                   <box id="marginTop" style="height: 0.05in" />
 141                   <hbox flex="1" dir="ltr">
 142                     <box id="marginLeft" style="width: 0.025in" />
 143                     <box
 144                       style="
 145                         border: 1px;
 146                         border-style: dashed;
 147                         border-color: gray;
 148                       "
 149                       flex="1"
 150                     />
 151                     <box id="marginRight" style="width: 0.025in" />
 152                   </hbox>
 153                   <box id="marginBottom" style="height: 0.05in" />
 154                 </vbox>
 155                 <vbox>
 156                   <spacer flex="1" />
 157                   <label control="rightInput" data-l10n-id="margin-right" />
 158                   <html:input
 159                     id="rightInput"
 160                     size="5"
 161                     oninput="changeMargin(this)"
 162                   />
 163                   <label
 164                     data-l10n-id="margin-right-invisible"
 165                     style="visibility: hidden"
 166                   />
 167                   <spacer flex="1" />
 168                 </vbox>
 169                 <spacer flex="1" />
 170               </hbox>
 171               <hbox align="center">
 172                 <spacer flex="1" />
 173                 <label control="bottomInput" data-l10n-id="margin-bottom" />
 174                 <html:input
 175                   id="bottomInput"
 176                   size="5"
 177                   oninput="changeMargin(this)"
 178                 />
 179                 <label
 180                   data-l10n-id="margin-bottom-invisible"
 181                   style="visibility: hidden"
 182                 />
 183                 <spacer flex="1" />
 184               </hbox>
 185             </vbox>
 186           </html:fieldset>
 187           <html:fieldset>
 188             <html:legend
 189               ><label data-l10n-id="header-footer-label"
 190             /></html:legend>
 191             <box id="header-footer-grid" class="groupbox-body" dir="ltr">
 192               <menulist
 193                 id="hLeftOption"
 194                 oncommand="customize(this)"
 195                 data-l10n-id="header-left-tip"
 196               >
 197                 <menupopup>
 198                   <menuitem value="0" data-l10n-id="hf-blank" />
 199                   <menuitem value="1" data-l10n-id="hf-title" />
 200                   <menuitem value="2" data-l10n-id="hf-url" />
 201                   <menuitem value="3" data-l10n-id="hf-date-and-time" />
 202                   <menuitem value="4" data-l10n-id="hf-page" />
 203                   <menuitem value="5" data-l10n-id="hf-page-and-total" />
 204                   <menuitem value="6" data-l10n-id="hf-custom" />
 205                 </menupopup>
 206               </menulist>
 207               <menulist
 208                 id="hCenterOption"
 209                 oncommand="customize(this)"
 210                 data-l10n-id="header-center-tip"
 211               >
 212                 <menupopup>
 213                   <menuitem value="0" data-l10n-id="hf-blank" />
 214                   <menuitem value="1" data-l10n-id="hf-title" />
 215                   <menuitem value="2" data-l10n-id="hf-url" />
 216                   <menuitem value="3" data-l10n-id="hf-date-and-time" />
 217                   <menuitem value="4" data-l10n-id="hf-page" />
 218                   <menuitem value="5" data-l10n-id="hf-page-and-total" />
 219                   <menuitem value="6" data-l10n-id="hf-custom" />
 220                 </menupopup>
 221               </menulist>
 222               <menulist
 223                 id="hRightOption"
 224                 oncommand="customize(this)"
 225                 data-l10n-id="header-right-tip"
 226               >
 227                 <menupopup>
 228                   <menuitem value="0" data-l10n-id="hf-blank" />
 229                   <menuitem value="1" data-l10n-id="hf-title" />
 230                   <menuitem value="2" data-l10n-id="hf-url" />
 231                   <menuitem value="3" data-l10n-id="hf-date-and-time" />
 232                   <menuitem value="4" data-l10n-id="hf-page" />
 233                   <menuitem value="5" data-l10n-id="hf-page-and-total" />
 234                   <menuitem value="6" data-l10n-id="hf-custom" />
 235                 </menupopup>
 236               </menulist>
 237               <vbox align="center">
 238                 <label data-l10n-id="hf-left-label" />
 239               </vbox>
 240               <vbox align="center">
 241                 <label data-l10n-id="hf-center-label" />
 242               </vbox>
 243               <vbox align="center">
 244                 <label data-l10n-id="hf-right-label" />
 245               </vbox>
 246               <menulist
 247                 id="fLeftOption"
 248                 oncommand="customize(this)"
 249                 data-l10n-id="footer-left-tip"
 250               >
 251                 <menupopup>
 252                   <menuitem value="0" data-l10n-id="hf-blank" />
 253                   <menuitem value="1" data-l10n-id="hf-title" />
 254                   <menuitem value="2" data-l10n-id="hf-url" />
 255                   <menuitem value="3" data-l10n-id="hf-date-and-time" />
 256                   <menuitem value="4" data-l10n-id="hf-page" />
 257                   <menuitem value="5" data-l10n-id="hf-page-and-total" />
 258                   <menuitem value="6" data-l10n-id="hf-custom" />
 259                 </menupopup>
 260               </menulist>
 261               <menulist
 262                 id="fCenterOption"
 263                 oncommand="customize(this)"
 264                 data-l10n-id="footer-center-tip"
 265               >
 266                 <menupopup>
 267                   <menuitem value="0" data-l10n-id="hf-blank" />
 268                   <menuitem value="1" data-l10n-id="hf-title" />
 269                   <menuitem value="2" data-l10n-id="hf-url" />
 270                   <menuitem value="3" data-l10n-id="hf-date-and-time" />
 271                   <menuitem value="4" data-l10n-id="hf-page" />
 272                   <menuitem value="5" data-l10n-id="hf-page-and-total" />
 273                   <menuitem value="6" data-l10n-id="hf-custom" />
 274                 </menupopup>
 275               </menulist>
 276               <menulist
 277                 id="fRightOption"
 278                 oncommand="customize(this)"
 279                 data-l10n-id="footer-right-tip"
 280               >
 281                 <menupopup>
 282                   <menuitem value="0" data-l10n-id="hf-blank" />
 283                   <menuitem value="1" data-l10n-id="hf-title" />
 284                   <menuitem value="2" data-l10n-id="hf-url" />
 285                   <menuitem value="3" data-l10n-id="hf-date-and-time" />
 286                   <menuitem value="4" data-l10n-id="hf-page" />
 287                   <menuitem value="5" data-l10n-id="hf-page-and-total" />
 288                   <menuitem value="6" data-l10n-id="hf-custom" />
 289                 </menupopup>
 290               </menulist>
 291             </box>
 292           </html:fieldset>
 293         </vbox>
 294       </tabpanels>
 295     </tabbox>
 296   </dialog>
 297 </window>