Update markup for import data markup to work well with uber page.

chrome/browser/resources/options2/import_data_overlay.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 cr.define('options', function() {
   var OptionsPage = options.OptionsPage;
 
   /**
    * ImportDataOverlay class
    * Encapsulated handling of the 'Import Data' overlay page.
@@ skipping 135 matching lines @@
           var option = new Option(browser['name'], browser['index']);
           browserSelect.appendChild(option);
         }
 
         this.updateCheckboxes_();
         this.validateCommitButton_();
       }
     },
 
     /**
-    * Clear import prefs set when user checks/unchecks a checkbox so that each
-    * checkbox goes back to the default "checked" state (or alternatively, to
-    * the state set by a recommended policy).
-    * @private
-    */
+     * Clear import prefs set when user checks/unchecks a checkbox so that each
+     * checkbox goes back to the default "checked" state (or alternatively, to
+     * the state set by a recommended policy).
+     * @private
+     */
     clearUserPrefs_: function() {
       var importPrefs = ['import_history',
                          'import_bookmarks',
                          'import_saved_passwords',
                          'import_search_engine'];
       for (var i = 0; i < importPrefs.length; i++)
         Preferences.clearPref(importPrefs[i], undefined);
     },
+
+    /**
+     * Update the dialog layout to reflect success state.
+     * @param {boolean} success If true, show success dialog elements.
+     * @private
+     */
+    updateSuccessState_: function(success) {
+      var sections = document.querySelectorAll('.import-data-configure');
+      for (var i = 0; i < sections.length; i++)
+        sections[i].hidden = success;
+
+      sections = document.querySelectorAll('.import-data-success');
+      for (var i = 0; i < sections.length; i++)
+        sections[i].hidden = !success;
+    },
   };
 
   ImportDataOverlay.clearUserPrefs = function() {
     ImportDataOverlay.getInstance().clearUserPrefs_();
   };
 
   /**
    * Update the supported browsers popup with given entries.
    * @param {array} list of supported browsers name.
    */
@@ skipping 24 matching lines @@
     ImportDataOverlay.clearUserPrefs();
     OptionsPage.closeOverlay();
   };
 
   /**
    * Show a message confirming the success of the import operation.
    */
   ImportDataOverlay.confirmSuccess = function() {
     var showBookmarksMessage = $('import-favorites').checked;
     ImportDataOverlay.setImportingState(false);
-    $('import-data-configure').hidden = true;
-    $('import-data-success').hidden = false;
     $('import-find-your-bookmarks').hidden = !showBookmarksMessage;
+    ImportDataOverlay.getInstance().updateSuccessState_(true);
+  };
+
+  /**
+   * Show the import data overlay.
+   */
+  ImportDataOverlay.show = function() {
+    // Make sure that any previous import success message is hidden, and
+    // we're showing the UI to import further data.
+    ImportDataOverlay.getInstance().updateSuccessState_(false);
+
+    OptionsPage.navigateToPage('importData');
   };
 
   // Export
   return {
     ImportDataOverlay: ImportDataOverlay
   };
 });