Flexible screen layout across multiple platforms

• US 10,579,238 B2
• Filed: 03/16/2017
• Issued: 03/03/2020
• Est. Priority Date: 05/13/2016
• Status: Active Grant

• Current Assignee: SAP SE
• Original Assignee: SAP SE
• Inventors: Rauschenbach, Tina, Jann, Annette, Richter, Kai, Blinn, Jan-Michel, Timur, Denis, Rommel, Roman, Gomez, Carlos Martinez, Varadi, Janos
• Primary Examiner(s): Ho, Ruay
• Application Number:
  US15/461,319
• Publication Number:
  US 20170329499A1
• Time in Patent Office: 1,083 Days
• Field of Search: 715744, 715716, 715719, 715762, 715781, 762781, 386224
• CPC Class Codes: G06F 2203/04803 Split screen, i.e. subdividing the display area or the window area into separate subareas
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 8/38 for implementing user interfaces
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces

Abstract

In one general aspect, a method can include generating a user interface for an enterprise application executing on a computing device using a flexible screen layout. The generating can include displaying, on a display device included in the computing device, a first user interface for the enterprise application including a first column that occupies an available screen area of the display device and that presents first content, receiving, in the first user interface, a selection for forward navigation, and displaying, on the display device, a second user interface for the enterprise application. The second user interface can include a second column presenting the first content and a third column presenting the second content that can occupy the available screen area of the display device. The flexible screen layout can adjust a size of the second column and the third column based on the available screen area of the display device.

Claims

1. A method comprising:

generating, by at least one processor in a computing device, a user interface for an enterprise application executing on the computing device using a flexible screen layout, the generating including;

displaying, on a display device included in the computing device, a first user interface for the enterprise application, the first user interface including a first column that occupies an available screen area of the display device and that presents first content;

receiving, in the first user interface, a selection for forward navigation;

responsive to the received forward navigation selection, displaying, on the display device, a second user interface for the enterprise application, the second user interface including a second column and a third column, the second column and the third column occupying the available screen area of the display device, the second column presenting the first content and the third column presenting second content, the flexible screen layout being able to automatically adjust a size of the second column and a size of the third column based on the available screen area of the display device;

receiving, in the second user interface, another selection for forward navigation; and

responsive to the received forward navigation selection, displaying, on the display device, a third user interface including a fourth column, a fifth column, and a sixth column, the fourth column, the fifth column, and the sixth column occupying the available screen area of the display device, the fourth column presenting the first content, the fifth column presenting the second content, and the sixth column presenting third content, the flexible screen layout being able to automatically adjust a size of the fourth column, a size of the fifth column, and a size of the sixth column based on the available screen area of the display device.

2. The method of claim 1, wherein the second content is associated with the first content.

3. The method of claim 1, wherein the enterprise application is a web application executing in a web browser.

4. The method of claim 1, wherein the first content is presented in the second column included in the second user interface in a manner that occupies less of the available screen area than when presented in the first column of the first user interface.

5. The method of claim 1, further comprising:

receiving, in the second user interface, another selection for forward navigation; and

responsive to the received forward navigation selection, displaying, on the display device, the third user interface including the fourth column, the fifth column, and a sixth column, the fourth column, the fifth column, and the sixth column occupying the available screen area of the display device, the fourth column presenting the first content, the fifth column presenting the second content, and the sixth column presenting third content, the flexible screen layout being able to automatically adjust a size of the fourth column, a size of the fifth column, and a size of the sixth column based on the available screen area of the display device.

6. The method of claim 1, further comprising:

receiving, in the second user interface, a layout selection; and

responsive to the received layout selection, displaying, on the display device, a fourth user interface for the enterprise application, the fourth user interface being displayed in a full screen layout including a single column occupying the available screen area of the display device, the single column presenting the second content.

7. A non-transitory, machine-readable medium having instructions stored thereon, the instructions, when executed by a processor, cause a computing device to generate a user interface for an enterprise application executing on the computing device using a flexible screen layout, the generating including:

displaying, on a display device included in the computing device, a first user interface for the enterprise application, the first user interface including a first column that occupies an available screen area of the display device and that presents first content;

receiving, in the first user interface, a selection for forward navigation;

responsive to the received forward navigation selection, displaying, on the display device, a second user interface for the enterprise application, the second user interface including a second column and a third column, the second column and the third column occupying the available screen area of the display device, the second column presenting the first content and the third column presenting second content, the flexible screen layout being able to automatically adjust a size of the second column and a size of the third column based on the available screen area of the display device;

receiving, in the second user interface, another selection for forward navigation; and

responsive to the received forward navigation selection, displaying, on the display device, a third user interface including a fourth column, a fifth column, and a sixth column, the fourth column, the fifth column, and the sixth column occupying the available screen area of the display device, the fourth column presenting the first content, the fifth column presenting the second content, and the sixth column presenting third content, the flexible screen layout being able to automatically adjust a size of the fourth column, a size of the fifth column, and a size of the sixth column based on the available screen area of the display device.

8. The medium of claim 7, wherein the second content is associated with the first content.

9. The medium of claim 7, wherein the enterprise application is a web application executing in a web browser.

10. The medium of claim 7, wherein the first content is presented in the second column included in the second user interface in a manner that occupies less of the available screen area than when presented in the first column of the first user interface.

11. The medium of claim 7, wherein the generating further includes:

receiving, in the second user interface, another selection for forward navigation; and

responsive to the received forward navigation selection, displaying, on the display device, the third user interface including the fourth column, the fifth column, and a sixth column, the fourth column, the fifth column, and the sixth column occupying the available screen area of the display device, the fourth column presenting the first content, the fifth column presenting the second content, and the sixth column presenting third content, the flexible screen layout being able to automatically adjust a size of the fourth column, a size of the fifth column, and a size of the sixth column based on the available screen area of the display device.

12. The medium of claim 7, wherein the generating further includes:

receiving, in the second user interface, a layout selection; and

responsive to the received layout selection, displaying, on the display device, a fourth user interface for the enterprise application, the fourth user interface being displayed in a full screen layout including a single column occupying the available screen area of the display device, the single column presenting the second content.

13. A system comprising:

at least one memory including instructions on a computing device; and

at least one processor on the computing device, wherein the processor is operably coupled to the at least one memory and is arranged and configured to execute the instructions that, when executed, cause the processor to implement;

generating, by the computing device, a user interface for an enterprise application executing on the computing device using a flexible screen layout, the generating including;

displaying, on a display device included in the computing device, a first user interface for the enterprise application, the first user interface including a first column that occupies an available screen area of the display device and that presents first content;

receiving, in the first user interface, a selection for forward navigation;

responsive to the received forward navigation selection, displaying, on the display device, a second user interface for the enterprise application, the second user interface including a second column and a third column, the second column and the third column occupying the available screen area of the display device, the second column presenting the first content and the third column presenting second content, the flexible screen layout being able to automatically adjust a size of the second column and a size of the third column based on the available screen area of the display device;

receiving, in the second user interface, another selection for forward navigation; and

responsive to the received forward navigation selection, displaying, on the display device, a third user interface including a fourth column, a fifth column, and a sixth column, the fourth column, the fifth column, and the sixth column occupying the available screen area of the display device, the fourth column presenting the first content, the fifth column presenting the second content, and the sixth column presenting third content, the flexible screen layout being able to automatically adjust a size of the fourth column, a size of the fifth column, and a size of the sixth column based on the available screen area of the display device.

14. The system of claim 13, wherein the enterprise application is a web application executing in a web browser.

15. The system of claim 13, wherein the first content is presented in the second column included in the second user interface in a manner that occupies less of the available screen area than when presented in the first column of the first user interface;

and wherein the second content is associated with the first content.

16. The system of claim 13, wherein the instructions, when executed, further cause the processor to implement:

receiving, in the second user interface, another selection for forward navigation; and

responsive to the received forward navigation selection, displaying, on the display device, the third user interface including the fourth column, the fifth column, and a sixth column, the fourth column, the fifth column, and the sixth column occupying the available screen area of the display device, the fourth column presenting the first content, the fifth column presenting the second content, and the sixth column presenting third content, the flexible screen layout being able to automatically adjust a size of the fourth column, a size of the fifth column, and a size of the sixth column based on the available screen area of the display device.

17. The system of claim 13, wherein the instructions, when executed, further cause the processor to implement:

receiving, in the second user interface, a layout selection; and

responsive to the received layout selection, displaying, on the display device, a fourth user interface for the enterprise application, the fourth user interface being displayed in a full screen layout including a single column occupying the available screen area of the display device, the single column presenting the second content.