Transformation of tabular data across multiple browser viewports
First Claim
1. A method for implementing a responsive UI on a client device by a server for rendering a set of tabular data across a plurality of browser viewports renderable on a display of the client device, the method comprising:
- identifying the set of tabular data having nested data categories with multiple levels of logic with click targets for user interaction, said set of tabular data to be rendered in a browser on the client device for a user;
detecting, via communication with the client device, the viewport of the browser in which said set of tabular data are to be rendered;
if the viewport is greater than a desired size, then rendering said set of tabular data in a first format, said first format formatting said set of tabular data in a multiple row and column spans;
if the viewport is less than or equal to a desired size, then rendering said set of tabular data in a second format, said second format comprising collapsing said column spans into a row in order to format column data to be substantially close to its associated row header; and
if the browser is resized to another screen size, affecting a dynamic reflow of said set of tabular data as appropriate for said resized screen according to the multiple levels of logic present in the nested data categories.
2 Assignments
0 Petitions
Accused Products
Abstract
Systems and methods are disclosed regarding the reformatting tabular data in a browser on a client device received from a server. The browser on the client device is capable of being resized in a number of potential sizes—e.g., desktop browser viewport, laptop browser viewport, tablet browser viewport and mobile browser viewport. Tabular data may comprise main data, row data and associated column data. Depending on the browser viewport, one embodiment may dynamically position the tabular data so that the associated column data is displayed near its associated row data.
19 Citations
20 Claims
-
1. A method for implementing a responsive UI on a client device by a server for rendering a set of tabular data across a plurality of browser viewports renderable on a display of the client device, the method comprising:
-
identifying the set of tabular data having nested data categories with multiple levels of logic with click targets for user interaction, said set of tabular data to be rendered in a browser on the client device for a user; detecting, via communication with the client device, the viewport of the browser in which said set of tabular data are to be rendered;
if the viewport is greater than a desired size, then rendering said set of tabular data in a first format, said first format formatting said set of tabular data in a multiple row and column spans;if the viewport is less than or equal to a desired size, then rendering said set of tabular data in a second format, said second format comprising collapsing said column spans into a row in order to format column data to be substantially close to its associated row header; and if the browser is resized to another screen size, affecting a dynamic reflow of said set of tabular data as appropriate for said resized screen according to the multiple levels of logic present in the nested data categories. - View Dependent Claims (2, 3, 4, 5, 6, 7, 8, 9, 10)
-
-
11. A computer system comprising:
-
a processor; a computer readable memory, said computer readable memory capable of storing computer readable data and instructions; a communications component, said communications component capable of receiving a set of tabular data further comprising a set of nested data categories from a second computer system external to said computer system; wherein further said set of nested data categories comprises multiple levels of logic wherein different levels have click targets for user interaction; a screen, said screen capable of rendering data and displaying said data to a user of said computer system; a set of UI components, said set of UI components capable of being used by said user to interact with said data rendered on said screen; a browser, said browser capable of being resized into one of a plurality of viewports and rendering said set of tabular data according to the current viewport of said browser; and further wherein the rendering of said set of tabular data is reflowed according to the multiple levels of logic present in said nested data categories. - View Dependent Claims (12, 13, 14, 15, 16, 17)
-
-
18. A method for rendering data on a computer system from a webpage within a browser, said data from a webpage comprising a set of related data, said related data comprising main data, relevant data and ancillary data, said related data comprising multiple levels of logic the method comprising:
-
requesting a set of related data from a webpage hosted on a server, the server remote from said computer system; downloading said set of related data from the webpage; depending on the viewport of the browser running on the computer system, positioning the tabular data according to the viewport and according to the relevancy of the data in the multiple levels of logic wherein different levels of logic have click targets for user interaction. - View Dependent Claims (19, 20)
-
Specification