Integrated user interface controls for web dialogs

摘要

A web application dialog user interface is provided for presenting users with controls for viewing, editing, and otherwise managing content through the web application. Consistency in style and order of control elements in the user interface with control elements of a standard application user interface, launching of the dialog without a page refresh, and maintenance of task continuity provide users a seamless experience in managing their documents through the web application without loss of context.

主权项

1. A method to be executed at least in part in a computing device for providing integrated user interface controls for web dialogs, the method comprising:
presenting a parent web page displaying web page elements to a user from a web application; hiding at least a portion of the displayed web page elements in response to receiving a user selection in a parent web page including at least one of: a desire to edit content, a desire to create new content, or a desire to fill a form; presenting a dialog over the hidden web page elements within the web page, wherein the dialog includes a set of contextual controls for enabling the user to view content, edit the content, create the new content, and to perform data mining, search, and analysis on the content; enabling the user to transition between different states of the dialog associated with a category of tasks to be performed on a selected item, wherein a different set of contextual controls are displayed in association with each dialog state in a same style and position on each different state for performing one or more of: managing the selected item, editing an attribute of the selected item, editing a content of the selected item, or formatting the content of the selected item, such that consistency of the contextual controls is maintained; hiding at least a portion of the currently displayed dialog; and launching a new state in a new dialog over top of the hidden portion of the currently displayed dialog wherein the new state includes a tab for indicating which dialog state is presented, a header portion for indicating the web page and the selected item, and a different set of contextual controls displayed in association with the new state in a same style and position as the hidden dialog.