chrome/browser/resources/options/chromeos/display_options.html

   1 <div id="display-options-page" class="page" hidden>
   2   <div class="close-button"></div>
   3   <h1 i18n-content="displayOptionsPage"></h1>
   4   <div class="content-area" id="display-options-content-area">
   5     <div id="display-options-displays-view-host">
   6     </div>
   7     <div id="display-configurations">
   8       <div id="selected-display-data-container">
   9         <div id="selected-display-name"></div>
  10         <div class="selected-display-option-row">
  11           <div class="selected-display-option-title"
  12               i18n-content="selectedDisplayTitleOptions">
  13           </div>
  14           <select id="display-options-select-mirroring"
  15               class="display-options-button">
  16             <option value="extended" i18n-content="extendedMode"></option>
  17             <option value="mirroring" i18n-content="mirroringMode"></option>
  18           </select>
  19           <button id="display-options-set-primary"
  20               class="display-options-button2" i18n-content="setPrimary">
  21           </button>
  22         </div>
  23         <div id="display-options-unified-desktop"
  24             class="checkbox selected-display-option-row" hidden>
  25           <!-- intentionally blank for the title column space. -->
  26           <div class="selected-display-option-title">
  27           </div>
  28           <label>
  29             <input id="display-options-toggle-unified-desktop" type="checkbox">
  30             <span class="controlled-setting-with-label"
  31                 i18n-content="enableUnifiedDesktop"></span>
  32           </label>
  33         </div>
  34         <div class="selected-display-option-row">
  35           <div class="selected-display-option-title"
  36               i18n-content="selectedDisplayTitleResolution">
  37           </div>
  38           <select id="display-options-resolution-selection"
  39               class="display-options-button">
  40           </select>
  41         </div>
  42         <div class="selected-display-option-row">
  43           <div class="selected-display-option-title"
  44               i18n-content="selectedDisplayTitleOrientation">
  45           </div>
  46           <select id="display-options-orientation-selection"
  47               class="display-options-button">
  48             <option value="0" i18n-content="orientation0"></option>
  49             <option value="90" i18n-content="orientation90"></option>
  50             <option value="180" i18n-content="orientation180"></option>
  51             <option value="270" i18n-content="orientation270"></option>
  52           </select>
  53         </div>
  54         <div class="selected-display-option-row">
  55           <div class="selected-display-option-title"
  56               i18n-content="selectedDisplayTitleOverscan">
  57           </div>
  58           <button id="selected-display-start-calibrating-overscan"
  59               class="display-options-button"
  60               i18n-content="startCalibratingOverscan">
  61           </button>
  62         </div>
  63         <div class="selected-display-option-row"
  64             id="selected-display-color-profile-row" hidden>
  65           <div class="selected-display-option-title"
  66               i18n-content="selectedDisplayColorProfile">
  67           </div>
  68           <select id="display-options-color-profile-selection"
  69               class="display-options-button">
  70           </select>
  71         </div>
  72       </div>
  73     </div>
  74     <!-- The arrow of display-configuration is achieved by a div
  75          rotated by 45deg. -->
  76     <div id="display-configuration-arrow">
  77     </div>
  78   </div>
  79   <div class="action-area">
  80     <div class="button-strip">
  81       <button id="display-options-done" i18n-content="done"
  82           class="default-button"></button>
  83     </div>
  84   </div>
  85 </div>