Graphical user interface magnetic panel
AssigneeSap SE
InventorsFrancois De Belen, Mark Taylor, Hector Granero
Life of this patent
Estimating the term…
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.
Claims17
A system comprising:
- a hardware processor;
- and
- a graphical user interface executable by the hardware processor and configured to perform operations comprising:
- causing display, on a display device, of 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 first new location other than the default location and then unselecting the first virtual button at the first new location;
- and
- in response to the detecting:
- comparing the first new location to each of the plurality of edges to determine a geometrically closest edge to the new location;
- causing display, on the display device, of a second graphical layer on top of the first graphical layer, the second graphical layer abutting the geometrically closest edge to the first new location, the second graphical layer further not touching the new location;
- and
- after the causing of the display of the second graphical layer, automatically moving the first virtual button from the first new location to an edge of the second graphical layer opposite the geometrically closest edge of the first graphical layer.
A method comprising:
- causing display, on a display device, of 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 first new location other than the default location and then unselecting the first virtual button at the first new location;
- and
- in response to the detecting:
- comparing the first new location to each of the plurality of edges to determine a geometrically closest edge to the new location;
- causing display, on the display device, of a second graphical layer on top of the first graphical layer, the second graphical layer abutting the geometrically closest edge to the first new location, the second graphical layer further not touching the new location;
- and
- after the causing of the display of the second graphical layer, automatically moving the first virtual button from the first new location to an edge of the second graphical layer opposite the geometrically closest edge of the first graphical layer.
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:
- causing display, on a display device, of 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 first new location other than the default location and then unselecting the first virtual button at the first new location;
- and
- in response to the detecting:
- comparing the first new location to each of the plurality of edges to determine a geometrically closest edge to the new location;
- causing display, on the display device, of a second graphical layer on top of the first graphical layer, the second graphical layer abutting the geometrically closest edge to the first new location, the second graphical layer further not touching the new location;
- and
- after the causing of the display of the second graphical layer, automatically moving the first virtual button from the first new location to an edge of the second graphical layer opposite the geometrically closest edge of the first graphical layer.
Dependencies are inferred from the claim text.