Providing a user interface for customizing state transitions of panes in a bounding window

• US 10,379,724 B2
• Filed: 04/25/2017
• Issued: 08/13/2019
• Est. Priority Date: 10/28/2013
• Status: Active Grant

• Current Assignee: Salesforce.com, Inc.
• Original Assignee: Salesforce.com, Inc.
• Inventors: Snyder, Benjamin, Wang, Michael
• Primary Examiner(s): Bhargava, Anil K
• Application Number:
  US15/496,325
• Publication Number:
  US 20170228147A1
• Time in Patent Office: 840 Days
• 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/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials

Abstract

Disclosed are examples of systems, apparatus, methods and computer program products for providing a user interface customizable to define state transitions of panes in a bounding window. For example, a bounding window including one or more resizable panes is displayed in a user interface on a display device. Breakpoints situated at respective spatial positions in the bounding window are graphically represented in the user interface. Each breakpoint defines a transition of a pane from one state to another when the pane is resized to traverse the breakpoint. The spatial position of one or more of the breakpoints can be updated in accordance with a request indicating user customization of breakpoints.

Claims

1. A computing device configured to provide a user interface for customizing state transitions of panes in a bounding window, the device comprising:

a display;

a storage medium storing instructions; and

one or more processors configured to execute the instructions to cause;

displaying, in a user interface on the display, a bounding window comprising one or more resizable panes,

graphically representing, in the user interface, a plurality of breakpoints, each breakpoint situated at a respective spatial position in the bounding window, each breakpoint defining a transition of a pane from one of a plurality of states to another one of the states when the pane is resized to traverse the breakpoint, a spacing between breakpoints being based at least in part on a designated formula controllable by a user of the computing device, the designated formula providing a non-uniform density of breakpoints along an axis between a first border of the bounding window and a second border of the bounding window, and

updating a spatial position of one or more of the breakpoints in accordance with a request indicating user customization of the one or more breakpoints.

2. The computing device of claim 1, wherein the plurality of breakpoints is graphically represented as a plurality of lines in the user interface, each line configured to be moved responsive to input from the user.

3. The computing device of claim 2, wherein each line is configured to be moved along one or both of:

a vertical axis and a horizontal axis of the user interface.

4. The computing device of claim 2, wherein lines are configured to be added or deleted responsive to input from the user.

5. The computing device of claim 1, wherein the spatial positions of the breakpoints are definable by the user in one or more editable fields in a region of the user interface, the one or more editable fields indicating one or both of:

a spacing between breakpoints and a number of breakpoints in the user interface.

6. The computing device of claim 1, the one or more processors further configured to execute the instructions to cause:

determining a viewport size associated with the display, and

further updating the spatial position according to the viewport size.

7. The computing device of claim 1, the one or more processors further configured to execute the instructions to cause:

determining a user permission associated with a user submitting the request, and

granting the user access to customize spatial positions of part or all of the breakpoints based at least in part on the user permission.

8. A system for providing a user interface for customizing state transitions of panes in a bounding window, the system comprising:

a database system implemented using a server system comprising one or more hardware processors, the database system configurable to cause;

displaying, in a user interface on a display of a device, a bounding window comprising one or more resizable panes,

graphically representing, in the user interface, a plurality of breakpoints, each breakpoint situated at a respective spatial position in the bounding window, each breakpoint defining a transition of a pane from one of a plurality of states to another one of the states when the pane is resized to traverse the breakpoint, a spacing between breakpoints being based at least in part on a designated formula controllable by a user of the computing device, the designated formula providing a non-uniform density of breakpoints along an axis between a first border of the bounding window and a second border of the bounding window, and

updating a spatial position of one or more of the breakpoints in accordance with a request indicating user customization of the one or more breakpoints.

9. The system of claim 8, wherein the plurality of breakpoints is graphically represented as a plurality of lines in the user interface, each line configured to be moved responsive to input from the user.

10. The system of claim 9, wherein each line is configured to be moved along one or both of:

a vertical axis and a horizontal axis of the user interface.

11. The system of claim 9, wherein lines are configured to be added or deleted responsive to input from the user.

12. The system of claim 8, wherein the spatial positions of the breakpoints are definable by the user in one or more editable fields in a region of the user interface, the one or more editable fields indicating one or both of:

a spacing between breakpoints and a number of breakpoints in the user interface.

13. The system of claim 8, the database system further configurable to cause:

determining a viewport size associated with the display, and

further updating the spatial position according to the viewport size.

14. The system of claim 8, the database system further configurable to cause:

determining a user permission associated with a user submitting the request, and

granting the user access to customize spatial positions of part or all of the breakpoints based at least in part on the user permission.

15. A method for providing a user interface for customizing state transitions of panes in a bounding window, the method comprising:

causing display of, in a user interface on a display of a device, a bounding window comprising one or more resizable panes,

causing graphical representation of, in the user interface, a plurality of breakpoints, each breakpoint situated at a respective spatial position in the bounding window, each breakpoint defining a transition of a pane from one of a plurality of states to another one of the states when the pane is resized to traverse the breakpoint, a spacing between breakpoints being based at least in part on a designated formula controllable by a user of the computing device, the designated formula providing a non-uniform density of breakpoints along an axis between a first border of the bounding window and a second border of the bounding window, and

updating a spatial position of one or more of the breakpoints in accordance with a request indicating user customization of the one or more breakpoints.

16. The method of claim 15, wherein the plurality of breakpoints is graphically represented as a plurality of lines in the user interface, each line configured to be moved responsive to input from the user.

17. The method of claim 16, wherein each line is configured to be moved along one or both of:

a vertical axis and a horizontal axis of the user interface.

18. The method of claim 16, wherein lines are configured to be added or deleted responsive to input from the user.

19. The method of claim 15, wherein the spatial positions of the breakpoints are definable by the user in one or more editable fields in a region of the user interface, the one or more editable fields indicating one or both of:

a spacing between breakpoints and a number of breakpoints in the user interface.

20. The method of claim 15, method further comprising:

determining a viewport size associated with the display, and

further updating the spatial position according to the viewport size.