Oracle Corporation
Automated responsive grid-based layout design system

Abstract:

A system provides user interface ("UI") layout design functionality. The system provides a canvas on a display, where the canvas is controlled by a grid that defines a first number of equally wide logical columns. The system then receives first user input for placing one or more panels on the canvas, where each panel is configured to horizontally occupy one or more of the first number of equally wide logical columns. The system further receives second user input for placing one or more UI components in each of the one or more panels. The system then creates a UI layout based on the first user input and the second user input. In one embodiment, each logical row in the canvas is split into equally wide logical columns, and each panel is controlled by a panel grid that also includes equally wide logical columns.