Flip-to-Edit Container

• US 20160342579A1
• Filed: 05/18/2015
• Published: 11/24/2016
• Est. Priority Date: 05/18/2015
• Status: Active Grant

• Current Assignee: SAP SE
• Original Assignee: SAP SE
• Inventors: Graf, Hans-Michael
• Granted Patent: US 10,013,406 B2
• Time in Patent Office: Days
• US Class Current: 1/1
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 40/166 Editing, e.g. inserting or deleting
• CPC Class Codes: G06T 11/001 Texturing; Colouring; Generation of texture or colour inpainting G06T5/77
• CPC Class Codes: G06T 11/60 Editing figures and text; Combining figures or text
• CPC Class Codes: G06T 2200/24 involving graphical user interfaces [GUIs]

Abstract

A container is created that includes two sides. A front side of the container displays viewable content. A back side of the container displays editing controls corresponding to the viewable content. A button may be displayed that, when activated, switches the display between the front side and the back side. The button may be displayed only while the editing controls are displayed and hidden while the content is displayed. While the content is displayed, the entire display area may be responsive to a user input to cause display of the editing controls. Switching between the front-side element display and the back-side editing display may be accompanied by a flipping animation. Enabling the flip-to-edit container may be based on permissions of a user account.

Claims

1. A method comprising:

causing the presentation of a first user interface element on a display device;

detecting an interaction with the first user interface element; and

responsive to the detected interaction, causing, by a processor of a machine, the presentation of a flipping animation in which the first user interface element is hidden and a second user interface element is shown, the second user interface element including one or more options to modify the first user interface element.

2. The method of claim 1, wherein the second user interface element further includes an option to restore the display of the first user interface element.

3. The method of claim 2, further comprising:

detecting selection of the option to restore the display of the first user interface element; and

responsive to the detected selection, causing the presentation of a flipping animation in which the second user interface element is hidden and the first user interface element is shown.

4. The method of claim 1, further comprising:

detecting selection of an option of the one or more options to modify the first user interface element; and

responsive to the selected detection, modifying a data structure corresponding to the first user interface element, the modification sufficient to alter the first user interface element in accordance with the selected option.

5. The method of claim 1, wherein the one or more options to modify the first user interface element that are presented in the second user interface element are a subset of a set of possible options;

and

the method further comprises;

selecting the subset of options from the set of possible options based on a size of the first user interface element.

6. The method of claim 5, further comprising:

increasing a size of the second user interface element; and

based on the increase in size, adding options from the set of possible options to the subset of options to modify the first user interface that are presented in the second user interface element.

7. The method of claim 1, wherein:

the first user interface element includes text; and

the one or more options to modify the first user interface element include an option to modify the text.

8. The method of claim 1, wherein:

the first user interface element includes an image; and

the one or more options to modify the first user interface element include an option to replace the image with a different image.

9. The method of claim 1, wherein:

the first user interface element includes a background color; and

the one or more options to modify the first user interface element include an option to modify the background color.

10. The method of claim 1, wherein:

prior to the interaction with the first user interface element, the first user interface element occupies a display area; and

subsequent to the display of the flipping animation, the second user interface element occupies the display area.

11. The method of claim 2, wherein:

prior to the interaction with the first user interface element, the first user interface element occupies a display area; and

subsequent to the display of the flipping animation, the one or more options to modify the first user interface element are within the display area; and

the option to restore the display of the first user interface element is outside of the display area.

12. The system of claim 1, wherein:

the one or more options to modify the first user interface element are determined, by the processor of the machine, based on the first user interface element.

13. A system comprising:

a display module, executing on one or more hardware processors, configured to;

cause the presentation of a first user interface element on a display device;

detect an interaction with the first user interface element; and

responsive to the detected interaction, cause the presentation of a flipping animation in which the first user interface element is hidden and a second user interface element is shown, the second user interface element including one or more options to modify the first user interface element.

14. The system of claim 13, wherein the second user interface element further includes an option to restore the display of the first user interface element.

15. The system of claim 14, wherein the display module is further configured to:

detect selection of the option to restore the display of the first user interface element; and

responsive to the detected selection, cause the presentation of a flipping animation in which the second user interface element is hidden and the first user interface element is shown.

16. The system of claim 13, further comprising a modification module configured to:

detect selection of an option of the one or more options to modify the first user interface element; and

responsive to the selected detection, modify a data structure corresponding to the first user interface element, the modification sufficient to alter the first user interface element in accordance with the selected option.

17. The system of claim 13, wherein the one or more options to modify the first user interface element that are presented in the second user interface element are a subset of a set of possible options;

and

the display module is further configured to;

select the subset of options from the set of possible options based on a size of the first user interface element.

18. The system of claim 17, wherein the display module is further configured to:

increase a size of the second user interface element; and

based on the increase in size, add options from the set of possible options to the subset of options to modify the first user interface that are presented in the second user interface element.

19. The system of claim 17, wherein:

the first user interface element includes text; and

the one or more options to modify the first user interface element include an option to modify the text.

20. A non-transitory machine-readable storage medium comprising instructions that, when executed by one or more processors of a machine, cause the machine to perform operations comprising:

causing the presentation of a first user interface element on a display device;

detecting an interaction with the first user interface element; and

responsive to the detected interaction, causing the presentation of a flipping animation in which the first user interface element is hidden and a second user interface element is shown, the second user interface element including one or more options to modify the first user interface element.