IP Library › Granted Patent US 10,318,125
Granted Patent B2
US 10,318,125 · App. 15/250,680 · Granted Jun 11, 2019

Graphical user interface magnetic panel

Inventors: Francois De Belen (Le Chesnay, FR); Mark Taylor (Courbevoie, FR); Hector Granero (Saint-Denis, FR)
Assignee: SAP SE
G06F3/04842G06F3/0481G06F3/0486G06F3/04812G06F3/04817G06F16/9577G06F17/246
View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 10,318,125
App. No.
15/250,680
Granted
Jun 11, 2019
Kind
B2
Abstract

In an example embodiment, a first graphical layer having a plurality of edges is rendered in a graphical user interface, the first graphical layer including a first virtual button rendered at a default location and one or more pieces of information. Then a user input of selecting the first virtual button and moving the first virtual button to a new location other than the default location is detected. In response to the detecting, the new location is compared to each of the plurality of edges to determine a geometrically closest edge to the new location, and a second graphical layer is rendered on top of the first graphical layer, the second graphical layer abutting the geometrically closest edge to the new location.

Claims (40)

1. A system comprising:

a hardware processor;

an operating system executing by the hardware processor; and

a graphical user interface executing on the operating system and configured to perform operations comprising:

rendering a first graphical layer having a plurality of edges, the first graphical layer including a first virtual button rendered at a default location and one or more pieces of information;

detecting a user input of selecting the first virtual button and moving the first virtual button to a new location other than the default location; and

in response to the detecting:

compare the new location to each of the plurality of edges to determine a geometrically closest edge to the new location;

rendering a second graphical layer on top of the first graphical layer, the second graphical layer abutting the geometrically closest edge to the new location, wherein the second graphical layer includes one or more information elements; and

rendering a first visual indicator over any of the one or more pieces of information in the first graphical layer that are related to the one or more information elements in the second graphical layer while the first virtual button is being moved to the new location.

2. The system of claim 1 , wherein the graphical user interface is further configured to automatically move the first virtual button from the new location to an edge of the second graphical layer opposite the geometrically closest edge of the first graphical layer.

3. The system of claim 1 , wherein the graphical user interface is further configured to alter the first visual indicator to a second visual indicator once the moving of the first virtual button to the new location is complete.

4. The system of claim 1 , wherein the graphical user interface is further configured to detect a user input of selecting one of the one or more pieces of information in the first graphical layer and, in response to the detection of the user input of selecting one of the one or more pieces of information in the first graphical layer, hide the second graphical layer.

5. The system of claim 4 , wherein the hiding of the second graphical layer includes deleting the second graphical layer.

6. The system of claim 1 ; wherein the graphical user interface is further configured to detect a user input of selecting the first virtual button but not moving the first virtual button to a new location and, in response to the detecting of the user input of selecting the first virtual button but not moving the first virtual button to a new location, hide the second graphical layer.

7. The system of claim 1 , wherein the graphical user interface is further configured to detect a user input of selecting the first virtual button and moving the first virtual button to another new location and, in response to the detecting of the user input of selecting the first virtual button and moving the first virtual button to another new location:

compare the another new location to each of the plurality of edges to determine a geometrically closest edge to the another new location; and

re-render the second graphical layer on top of the first graphical layer, the second graphical layer abutting the geometrically closest edge to the another new location.

8. A method comprising:

rendering, using one or more hardware processors, a first graphical layer having a plurality of edges in a graphical user interface, the first graphical layer including a first virtual button rendered at a default location and one or more pieces of information;

detecting a user input of selecting the first virtual button and moving the first virtual button to a new location other than the default location; and

in response to the detecting:

comparing, using one or more hardware processors, the new location to each of the plurality, of edges to determine a geometrically closest edge to the new location;

rendering a second graphical layer on top of the first graphical layer, the second graphical layer abutting the geometrically closest edge to the new location, wherein the second graphical layer includes one or more information elements; and

rendering a first visual indicator over any of the one or more pieces of information in the first graphical layer that are related to the one or more information elements in the second graphical layer while the first virtual button is being moved to the new location.

9. The method of claim 8 , further comprising automatically moving the first virtual button from the new location to an edge of the second graphical layer opposite the geometrically closest edge of the first graphical layer.

10. The method of claim 8 , further comprising altering the first visual indicator to a second visual indicator once the moving of the first virtual button to the new location is complete.

11. The method of claim 8 , further comprising detecting a user input of selecting one of the one or more pieces of information in the first graphical layer and, in response to the detection of the user input of selecting one of the one or more pieces of information in the first graphical layer, hiding the second graphical layer.

12. The method of claim 8 , further comprising detecting a user input of selecting the first virtual button but not moving the first virtual button to a new location and, in response to the detecting of the user input of selecting the first virtual button but not moving the first virtual button to a new location, hiding the second graphical layer.

13. A non-transitory machine-readable storage medium comprising instructions which, when implemented by one or more machines, cause the one or more machines to perform operations comprising:

rendering, using one or more hardware processors, a first graphical layer having a plurality of edges in a graphical user interface, the first graphical layer including a first virtual button rendered at a default location and one or more pieces of information;

detecting a user input of selecting the first virtual button and moving the first virtual button to a new location other than the default location; and

in response to the detecting:

comparing, using one or more hardware processors, the new location to each of the plurality, of edges to determine a geometrically closest edge to the new location;

rendering a second graphical layer on top of the first graphical layer, the second graphical layer abutting the geometrically closest edge to the new location, wherein the second graphical layer includes one or more information elements; and

rendering a first visual indicator over any of the one or more pieces of information in the first graphical layer that are related to the one or more information elements in the second graphical layer while the first virtual button is being moved to the new location.

14. The non-transitory machine-readable storage medium of claim 13 , wherein the operations further comprise automatically moving the first virtual button from the new location to an edge of the second graphical layer opposite the geometrically closest edge of the first graphical layer.

15. The non-transitory machine-readable storage medium of claim 13 , wherein the operations further comprise altering the first visual indicator to a second visual indicator once the moving of the first virtual button to the new location is complete.

16. The non-transitory machine-readable storage medium of claim 13 , wherein the operations further comprise detecting a user input of selecting one of the one or more pieces of information in the first graphical layer and, in response to the detection of the user input of selecting one of the one or more pieces of information in the first graphical layer, hiding the second graphical layer.

17. The non-transitory machine-readable storage medium of claim 13 , wherein the operations further comprise detecting a user input of selecting the first virtual button but not moving the first virtual button to a new location and, in response to the detecting of the user input of selecting the first virtual button but not moving the first virtual button to a new location, hiding the second graphical layer.

Assignments (1)
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Aug 29, 2016
From: DE BELEN, FRANCOIS; TAYLOR, MARK; GRANERO, HECTOR
To: SAP SE
Reel/Frame 039862/0971 →
Continuity (1)
Related Publication 20180059908A1 · Mar 1, 2018