Responsive layout system and server

Abstract

The disclosure is directed to a novel responsive layout that allows the user to build one layout that can fit on all or virtually all device form factors according to some embodiments. In some embodiments, the responsive layout is configured to allow users to arrange their content based on the size and shape of a display. In some embodiments, the system is configured to receive a request to access content through a computer and in response to the request, automatically generate a responsive layout based on a display size and a content of the request. In some embodiments, the responsive layout includes a responsive layout editor pane configured to allow the user to customize the responsive layout as desired.

1 . A system for displaying operational overview content comprising:
 a historian server comprising a historian database, and   one or more computers comprising one or more processors and one or more computer readable media, the one or more computer readable media comprising processor executable instructions that when executed by the one or more processors implement:   a graphical user interface (GUI), and   a responsive layout;   wherein the responsive layout is displayed on the graphical user interface;   wherein the responsive layout comprises content;   wherein the content comprises content data stored in the historian database;   wherein the responsive layout is configured to detect one or more attributes of a display;   wherein the one or more attributes comprise one or more of a width, length, diameter, pixel count, area, operating system, manufacturer, and additional applications being executed by the one or more processors; and   wherein the responsive layout is configured to automatically arrange the content to fit the display based on the one or more attributes.   
     
     
         2 . The system of  claim 2 ,
 wherein the responsive layout comprises one or more panes; and   wherein automatically arranging the content to fit the display comprises automatically determining a number of the one or more panes to display.   
     
     
         3 . The system of  claim 2 , wherein automatically arranging the content to fit the display comprises automatically determining a size of the one or more panes. 
     
     
         4 . The system of  claim 2 ,
 wherein the responsive layout comprises a grid system; and   wherein the grid system comprises a series of rows and columns comprising the one or more panes.   
     
     
         5 . The system of  claim 4 ,
 wherein the grid system comprises one or more breakpoints; and   wherein the one or more breakpoints are configured to define the size and shape of the one or more panes.   
     
     
         6 . The system of  claim 2 ,
 wherein the responsive layout comprises one or more breakpoints; and   wherein the one or more breakpoints are configured to define the size and shape of the one or more panes.   
     
     
         7 . The system of  claim 6 ,
 wherein the one or more breakpoints are configured to define the size and shape of the one or more panes based on a total area of the display.   
     
     
         8 . The system of  claim 7 ,
 wherein the size and shape of the one or more panes are based on a percentage of the total area of the display.   
     
     
         9 . The system of  claim 7 ,
 wherein the size and shape of the one or more panes are based on a total number of pixels the total area of the display.   
     
     
         10 . A system for displaying operational overview content comprising:
 a historian server comprising a historian database, and   one or more computers comprising one or more processors and one or more computer readable media, the one or more computer readable media comprising processor executable instructions that when executed by the one or more processors implement:   a graphical user interface (GUI),   a responsive layout, and   one or more panes;   wherein the responsive layout comprises the one or more panes displayed on the GUI;   wherein each of the one or more panes comprise content;   wherein the content comprises content data retrieved from the historian database;   wherein the system is configured to detect one or more attributes of a display; and   wherein the system is configured to automatically configure the one or more panes to fit the display based on one or more attributes.   
     
     
         11 . The system of  claim 10 ,
 wherein the one or more attributes comprise one or more of a width, length, diameter, pixel count, area, operating system, manufacturer, and additional applications being executed by the one or more processors.   
     
     
         12 . The system of  claim 10 ,
 wherein the system is configured to automatically configure the content to fit the one or more panes based on the one or more attributes.   
     
     
         13 . The system of  claim 12 ,
 wherein the system is configured to automatically rearrange the content within each of one or more panes based on the one or more attributes in response to a user altering a size of the one or more panes; and   wherein altering a size comprises a user configuring the one or more panes to occupy an area on the display that is different from the automatic configuration.   
     
     
         14 . The system of  claim 10 ,
 wherein the system is configured to automatically display supplemental panes in the responsive layout in response to a user requesting content configured to fit into a single pane.   
     
     
         15 . The system of  claim 10 ,
 wherein the supplemental panes are configured to display supplemental content;   wherein the supplemental content comprises data stored on the historian database; and   wherein the system is configured to automatically determine the supplemental content for display based on data the system identifies as needing corrective action and/or attention.   
     
     
         16 . The system of  claim 15 ,
 wherein the system comprises artificial intelligence and/or machine learning configured to automatically identify the supplemental content.   
     
     
         17 . The system of  claim 16 ,
 wherein the supplemental content comprises an analysis of one or more of alerts, expected component lifetime, production and/or business trends, predictions, and/or throughput.   
     
     
         18 . The system of  claim 11 ,
 wherein the system is configured to automatically create a new responsive layout based on the content of a selected one of the one or more panes.