Abstract: An arrangement for enabling declarative show and hide animations in web-based applications is provided in which expando attributes associated with HTML elements are utilized to define CSS level 3 (“C553”) animations that are executed when an element is shown or hidden. A set of utility functions, which wrap standard DOM (Document Object Model) element methods supported in JavaScript, are employed to show, hide, add, and remove elements from the DOM tree and invoke an algorithm when used. The algorithm traverses the DOM tree for HTML elements that have the show and hide expando attributes and automatically executes the associated animations.

Abstract: Embodiments are disclosed that relate to dynamically generating a preview placeholder template for presenting data in a user interface. For example, one disclosed embodiment provides a method comprising receiving a request to display a list of items, each item of the list of items comprising a plurality of parts each having a full appearance defined by a corresponding portion of a full version template. The method further comprises, for an item in the list of items, rendering a full version of a representation of the item, and generating via the full version template a preview placeholder template defining an appearance of a thin version of a list item representation comprising a subset of the plurality of parts. The method further comprises storing the preview placeholder template, and retrieving the preview placeholder template from storage and rendering a thin version of each of one or more list items.

Abstract: Embodiments are disclosed that relate to dynamically generating a preview placeholder template for presenting data in a user interface. For example, one disclosed embodiment provides a method comprising receiving a request to display a list of items, each item of the list of items comprising a plurality of parts each having a full appearance defined by a corresponding portion of a full version template. The method further comprises, for an item in the list of items, rendering a full version of a representation of the item, and generating via the full version template a preview placeholder template defining an appearance of a thin version of a list item representation comprising a subset of the plurality of parts. The method further comprises storing the preview placeholder template, and retrieving the preview placeholder template from storage and rendering a thin version of each of one or more list items.

Abstract: A method for normalizing data for a user interface on an on-demand basis includes receiving data in a first format, and comparing the first format to a standard format. The method further includes receiving a request to present a first subset of the data but not a second subset of the data. Responsive to receiving the request to present the first subset of the data, if the first format is different from the standard format, the method further includes transforming the first subset of the data from the first format to the standard format without transforming the second subset of the data from the first format to the standard format. The method also includes presenting the first subset of the data with the standard format.

Abstract: A user interface (“UI”) control framework enables UI controls to be declaratively created inline with the HTML markup without having to write boilerplate JavaScript that would usually be needed with conventional UI control models. The UI control framework is architected to sit on top of existing WinJS (Windows Library for JavaScript) functionality and encapsulates behaviors that are common across many control implementations so that a single instance of a UI control template may be used to stamp out multiple control instances. The UI control framework separates layout from the “code behind” in the backing controls so that data binding can be implemented abstractly without explicit knowledge of the layout of the control and any of its child controls. The markup provides “anchor points” that allow the code to have direct access to a child control. Custom expando HTML attributes are utilized that place named properties on control instances.

Abstract: An arrangement for enabling declarative show and hide animations in web-based applications is provided in which expando attributes associated with HTML elements are utilized to define CSS level 3 (“C553”) animations that are executed when an element is shown or hidden. A set of utility functions, which wrap standard DOM (Document Object Model) element methods supported in JavaScript, are employed to show, hide, add, and remove elements from the DOM tree and invoke an algorithm when used. The algorithm traverses the DOM tree for HTML elements that have the show and hide expando attributes and automatically executes the associated animations.