IP Library Granted Patent US 10,572,031
Granted Patent B2
US 10,572,031 · App. 15/279,241 · Granted Feb 25, 2020

Processing keyboard input to cause re-sizing of items in a user interface of a web browser-based application

Inventors: Jesse Alan Hausler (Boulder, CO); Katherine Jeanne Rushton (Albany, CA); Gregory Pinto (Berkeley, CA); Michael M Pedersen, II (San Francisco, CA)
Assignee: salesforce.com, inc.
G06F3/023G06F3/0481G06F3/0486G06F3/0489G06F3/04892G06F2203/04803
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,572,031
App. No.
15/279,241
Granted
Feb 25, 2020
Kind
B2
Abstract

Disclosed are examples of systems, apparatus, methods and computer program products for causing re-sizing of items in a user interface of a web browser-based application. A bounding window of a web browser comprising a presentation of items can be caused to be displayed in a user interface on a display of a device. First keyboard input from a user interacting with a first item can be processed. A first edge of a first item can be caused to be transformed to a re-configurable state. Second keyboard input from the user interacting with the first item can be processed. A size of the first item can be caused to be changed by causing the first edge to move from a first relative position to a second relative position with respect to the other items displayed in the user interface.

Claims (66)

1. A database system for processing keyboard input to cause re-sizing of items in a user interface of a web browser-based application, the database system comprising:

a processor; and

a memory storing instructions configurable to cause the database system to:

cause display of, in a user interface on a display of a device, a bounding window of a web browser, the bounding window comprising a presentation of items, each item being a visual representation of data associated with an object stored in a database of a database system, an outer boundary of a first one of the items being defined at least in part by a first edge, the first edge having a first relative position with respect to other items displayed in the user interface;

process first keyboard input indicating a first one or more keystrokes on a keyboard of the device, the first keyboard input received over a data network from the device;

cause, responsive to processing the first keyboard input, the first edge to be transformed to a re-configurable state;

cause, responsive to the first edge being transformed to the re-configurable state, a source code component of a web page of a web browser-based application to indicate the transformation;

cause, via the source code component, the device to transmit auditory output comprising:

a narration of a first user interaction corresponding to the first keyboard input, and

an instruction to enter further keyboard input to re-size the first item;

process second keyboard input indicating a second one or more keystrokes on the keyboard of the device, the second keyboard input received over the data network from the device; and

cause, responsive to processing the second keyboard input, a size of the first item to be changed by causing the first edge to move from the first relative position to a second relative position with respect to the other items displayed in the user interface.

2. The database system of claim 1 , wherein the first item includes a second edge connected with the first edge, the second edge being connected with the first edge at a corner of the first item, the second edge being configured to be transformed to the re-configurable state when the first edge is transformed to the re-configurable state.

3. The database system of claim 2 , wherein:

the first item has a rectangular shape,

the first edge is a right edge of the first item, and

the second edge is a bottom edge of the first item.

4. The database system of claim 1 ,

wherein the instruction to enter further keyboard input comprises an instruction to enter the second keyboard input.

5. The database system of claim 1 , wherein the auditory output corresponds to content of the source code component.

6. The database system of claim 5 , wherein the source code component is a HyperText Markup Language (HTML)<div> having an aria attribute configured to cause the content to be accessible to a screen reader of the device.

7. The database system of claim 1 , wherein:

the first keyboard input corresponds to a spacebar on the keyboard of the device, and

the second keyboard input corresponds to an arrow key on the keyboard of the device.

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

cause display of, responsive to processing the first keyboard input, a visual indication in association with a handle of the first edge, the visual indication indicating that the first edge is in the re-configurable state.

9. A method for processing keyboard input to cause re-sizing of items in a user interface of a web browser-based application, the method comprising:

causing display of, in a user interface on a display of a device, a bounding window of a web browser, the bounding window comprising a presentation of items, each item being a visual representation of data associated with an object stored in a database of a database system, an outer boundary of a first one of the items being defined at least in part by a first edge, the first edge having a first relative position with respect to other items displayed in the user interface;

processing first keyboard input indicating a first one or more keystrokes on a keyboard of the device, the first keyboard input received over a data network from the device;

causing, responsive to processing the first keyboard input, the first edge to be transformed to a re-configurable state;

causing, responsive to the first edge being transformed to the re-configurable state, a source code component of a web page of a web browser-based application to indicate the transformation;

causing, via the source code component, the device to transmit auditory output comprising:

a narration of a first user interaction corresponding to the first keyboard input, and

an instruction to enter further keyboard input to re-size the first item;

processing second keyboard input indicating a second one or more keystrokes on the keyboard of the device, the second keyboard input received over the data network from the device; and

causing, responsive to processing the second keyboard input, a size of the first item to be changed by causing the first edge to move from the first relative position to a second relative position with respect to the other items displayed in the user interface.

10. The method of claim 9 , wherein the first item includes a second edge connected with the first edge, the second edge being connected with the first edge at a corner of the first item, the second edge being configured to be transformed to the re-configurable state when the first edge is transformed to the re-configurable state.

11. The method of claim 10 , wherein:

the first item has a rectangular shape,

the first edge is a right edge of the first item, and

the second edge is a bottom edge of the first item.

12. The method of claim 9 ,

wherein the instruction to enter further keyboard input comprises an instruction to enter the second keyboard input.

13. The method of claim 9 , wherein the auditory output corresponds to content of the source code component.

14. The method of claim 13 , wherein the source code component is a HyperText Markup Language (HTML)<div> having an aria attribute configured to cause the content to be accessible to a screen reader of the device.

15. The method of claim 9 , wherein:

the first keyboard input corresponds to a spacebar on the keyboard of the device, and

the second keyboard input corresponds to an arrow key on the keyboard of the device.

16. A computer program product comprising computer-readable program code capable of being executed by one or more processors when retrieved from a non-transitory computer-readable medium, the program code comprising instructions configurable to cause:

displaying, in a user interface on a display of a device, a bounding window of a web browser, the bounding window comprising a presentation of items, each item being a visual representation of data associated with an object stored in a database of a database system, an outer boundary of a first one of the items being defined at least in part by a first edge, the first edge having a first relative position with respect to other items displayed in the user interface;

processing first keyboard input indicating a first one or more keystrokes on a keyboard of the device, the first keyboard input received over a data network from the device;

transforming, responsive to processing the first keyboard input, the first edge to a re-configurable state;

responsive to the first edge being transformed to the re-configurable state, indicating the transformation using a source code component of a web page of a web browser-based application;

transmitting, by the device and via the source code component, auditory output comprising:

a narration of a first user interaction corresponding to the first keyboard input, and

an instruction to enter further keyboard input to re-size the first item;

processing second keyboard input indicating a second one or more keystrokes on the keyboard of the device, the second keyboard input received over the data network from the device; and

changing, responsive to processing the second keyboard input, a size of the first item by causing the first edge to move from the first relative position to a second relative position with respect to the other items displayed in the user interface.

17. The computer program product of claim 16 , wherein the first item includes a second edge connected with the first edge, the second edge being connected with the first edge at a corner of the first item, the second edge being configured to be transformed to the re-configurable state when the first edge is transformed to the re-configurable state.

18. The computer program product of claim 17 , wherein:

the first item has a rectangular shape,

the first edge is a right edge of the first item, and

the second edge is a bottom edge of the first item.

19. The computer program product of claim 16 ,

wherein the instruction to enter further keyboard input comprises an instruction to enter the second keyboard input.

20. The computer program product of claim 16 , wherein the auditory output corresponds to content of the source code component.

Assignments (2)
CHANGE OF NAME Recorded Nov 21, 2024
From: SALESFORCE.COM, INC.
To: SALESFORCE, INC.
Reel/Frame 069431/0156 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Sep 29, 2016
From: HAUSLER, JESSE ALAN; RUSHTON, KATHERINE JEANNE; PINTO, GREGORY; PEDERSEN, MICHAEL M, II
To: SALESFORCE.COM, INC.
Reel/Frame 039899/0911 →
Continuity (1)
Related Publication 20180088763A1 · Mar 29, 2018