ADAPTIVE UI FOR NESTED DATA CATEGORIES ACROSS BROWSER VIEWPORTS

摘要

Systems and methods of downloading and rendering data from a server or other source on a user's computer system wherein the data is a set of nested data categories are disclosed. The set of nested data categories further comprise a set of active logic levels where the set of active logic levels may be dynamically changed, depending on the size of the browser that the user of the computer system may set. In one embodiment, the user's computer system has a desktop or laptop sized screen upon which to render data. If the user resizes the browser to be substantially the size of a mobile screen, then the present system may dynamically adjust the logic levels (e.g., changing the number of click targets within the browser) to better facilitate a scrolling experience within the browser.

主权项

1. A method for implementing an adaptive UI for rendering a set of nested data categories across a plurality of browser viewports, the method comprising:
inputting a set of nested data categories, said set of nested data categories capable of being rendered in a browser for a user of a computer system; detecting the viewport of the browser in which said set of nested data categories are to be rendered; if the viewport is less than a desired size, then rendering said set of nested data categories with desired labels as mobile data categories; if the viewport is greater or equal than a desired size, then rendering said set of nested data categories with desired labels as data categories for the desired larger screen size; and if the browser is resized to another screen size data category, rendering said set of nested data categories as appropriate for said resized screen.