Oracle International Corporation

Peter Tehchuan Liu

Christian Straub

Pavitra Subramaniam

Liza Lyons Broadbent

Christian David Straub

In various embodiments, methods, systems, and non-transitory computer-readable media are disclosed that allow allows developers of user interfaces to see quick and accurate previews after changing content that needs to be processed via a cascading style sheet (CSS) framework such as LESS, SASS, or Trinidad. These frameworks typically take a significant period of time to transform their framework code into CSS.

High performant and high fidelity previews for CSS preprocessing frameworks

A system restores a user interface ('UI') state. The system receives an action performed by a user that interacts with a UI, and determines a transaction based on the action, where the transaction is configured to modify a model corresponding to the UI. The system stores a first UI state of the UI and a first model state of the model, and then commits the transaction. The system subsequently determines to undo the transaction based on a first user interaction. The system then restores the UI to the first UI state and the model to the first model state. In one embodiment, the first model state is restored before undoing the transaction, while the first UI state is restored after undoing the transaction.

Restoration of UI state in transactional systems

Systems and methods are provided for allowing end users to intuitively databind functional components to backend services through visual affordances. Each UI component can advertise which sections of the UI can be independently databound to individual properties coming from data of backend services. When the user wishes to databind a UI component, the sections of the UI that can be databound now transforms to show relevant text describing the function of that particular section. The user can be presented with a databinding interface that consistent of all the possible pieces of data that the user can bind to as well as visual slots that map to the slots in the visual preview. To databind a component, a user can drag and drop the particular piece of data from the available list, and drop that into the slot they want that data to apply to.

Growing community of inventors

Redwood City, CA, United States of America

Peter Tehchuan Liu