Support multi-line braille in the virtual braille display.

chrome/browser/resources/chromeos/chromevox/chromevox/background/options.html

Index: chrome/browser/resources/chromeos/chromevox/chromevox/background/options.html
diff --git a/chrome/browser/resources/chromeos/chromevox/chromevox/background/options.html b/chrome/browser/resources/chromeos/chromevox/chromevox/background/options.html
index 6d189e80e1e66fd6ac8d778e4697964d64be11fd..1165a752102120957fb0368c3ca5309d89aad6a8 100644
--- a/chrome/browser/resources/chromeos/chromevox/chromevox/background/options.html
+++ b/chrome/browser/resources/chromeos/chromevox/chromevox/background/options.html
@@ -85,10 +85,19 @@
         </span>
       </label>
     </div>
-  
     <br><br>
   </div>
 
+  <h2 class="i18n" msgid="options_virtual_braille_display">Virtual Braille Display</h2>
+  <form>

[dmazzoni, 2016/10/28 06:19:29]

No <form> needed

[ultimatedbz, 2016/10/28 18:45:35]

Done.

+    <p class="i18n description" msgid="options_virtual_braille_display_rows" id="virtual_braille_display_rows_description"></p>

[dmazzoni, 2016/10/28 06:19:29]

Use a <label> element to associate this text with the <input>. That way
ChromeVox knows that this text goes with that text field and it will describe it
as such.

See some examples above, the basic structure is:

<label>
  <input>
  <span class="i18n"></span>
</label>

You can optionally put the whole thing in a <p> to or whatever, but the main
idea is to have a <label> element.

[ultimatedbz, 2016/10/28 18:45:35]

Done.

+  <input type="number" min="1" id="virtual_braille_display_rows_input">
+  <p class="i18n description" msgid="options_virtual_braille_display_columns" id="virtual_braille_display_columns_description"></p>
+  <input type="number" min="1" id="virtual_braille_display_columns_input">
+</form>
+
+  <div id="currentDisplayStyle"></div>
+  <button id="changeDisplayStyle"></button>
 
   <h2 class="i18n" msgid="options_keyboard_shortcuts">Keyboard shortcuts</h2>
   <p class="i18n description" msgid="options_keymap_description" id="keymap_description">
@@ -104,6 +113,15 @@
     <br><br>
   </div>
 
+  <p class="i18n description" msgid="options_shortcuts_description"
+     id="shortcuts_description">
+    Customize keyboard shortcuts for frequently used commands by typing them into the
+    corresponding fields below.
+  </p>
+
+  <div id="keysContainer">
+
+  </div>
   <div id="status" role="live" aria-live="assertive">
   </div>
 </div>