# US 10,120,848 B2 · Methods and systems for applying responsive design to subframes on a web page

> Agents: this data is available as JSON from the patentgrep API and MCP server — see https://patentgrep.com/llms.txt

- Number: US 10,120,848 B2
- Document ID: US10120848B2
- Status: Granted
- Kind: B2
- Application number: 14/564,719
- Filed: 2014-12-09
- Published: 2016-06-09
- Granted: 2018-11-06
- Earliest claimed: 2014-12-09
- Assignees: salesforce.com, inc.
- Applicants: salesforce.com, inc.
- Inventors: Michael Wang; Enzhen Huang; David Ly-Gagnon; Benjamin Snyder; Gautam Vasudev
- Web page: https://patentgrep.com/patent/US10120848B2

## CPC

- G06F 40/154: Tree transformation for tree-structured or markup documents, e.g. XSLT, XSL-FO or stylesheets
- G06F 40/106: Display of layout of documents; Previewing
- G06F: ELECTRIC DIGITAL DATA PROCESSING (computer systems based on specific computational models G06N)

## Abstract

Methods and systems are provided for rearranging the content within a sub-region of a web page in response to resizing the sub-region, the content including a plurality of columns each having a respective width parameter, the system including a processor configured to implement the steps of: detecting a resizing event associated with the sub-region; determining a span value associated with the resized sub-region; determining a subset of the plurality of columns that fit within the span value based on the width parameters; and displaying the subset of columns within the resized sub-region.

## Claims

### Claim 1

A method of rearranging content within an existing displayed sub-region of a web page in response to resizing the sub-region, the content including a plurality of columns each having a respective width parameter, the method comprising:
detecting resizing of the existing displayed sub-region within the webpage, wherein the sub-region comprises a slidable border, and resizing of the sub-region comprises manual or automatic dragging of the slidable border;
determining a span value associated with the resized sub-region;
defining a minimum width beyond which the resized sub-region cannot be reduced;
determining a subset of the plurality of columns that fit within the span value based on the respective width parameters, wherein each respective width parameter comprises one of a fixed parameter and a dynamic parameter;
displaying the subset of columns within the resized existing displayed sub-region; and
simultaneously rearranging the contents of a second existing displayed sub-region in response to the resizing of the first existing displayed sub-region.

### Claim 2 (depends on 1)

The method of claim 1, wherein the dynamic parameter comprises a predetermined percentage of the span value.

### Claim 3 (depends on 1)

The method of claim 1, further comprising the step of assigning a respective priority parameter to each column.

### Claim 4 (depends on 3)

The method of claim 3, wherein the priority parameter comprises one of an absolute and relative value.

### Claim 5 (depends on 1)

The method of claim 1, further comprising the step of configuring a set of rules for determining the subset of columns.

### Claim 6 (depends on 5)

The method of claim 5, wherein the set of rules is implemented in a cascading style sheet (CSS).

### Claim 7 (depends on 1)

The method of claim 1, further comprising hiding a second subset of columns.

### Claim 8 (depends on 7)

The method of claim 7, further comprising revealing the second subset of columns in response to a user request.

### Claim 9 (depends on 8)

The method of claim 8, wherein the user request comprises hovering a cursor over a virtual button indicative of the hidden columns.

### Claim 10

Computer code stored in a non-transient medium for rearranging content within an existing displayed sub-region of a web page in response to resizing the existing displayed sub-region, the content including a plurality of columns each having a respective width parameter, the computer code configured to implement the steps of:
detecting resizing of the existing displayed sub-region within the webpage, wherein the sub-region comprises a slidable border, and resizing of the sub-region comprises movement of the slidable border through one of manual or automatic dragging;
determining a span value associated with the resized existing displayed sub-region;
defining a minimum width beyond which the resized sub-region cannot be reduced;
determining a subset of the plurality of columns that fit within the span value based on the respective width parameters, wherein each respective width parameter comprises one of a fixed parameter and a dynamic parameter;
displaying the subset of columns within the resized existing displayed sub-region; and
simultaneously rearranging the contents of a second existing displayed sub-region in response to the resizing of the first existing displayed sub-region.

### Claim 11 (depends on 10)

The computer code of claim 10, further configured to implement the step of assigning a respective priority parameter to each column, wherein the priority parameter comprises one of an absolute and relative value.

### Claim 12 (depends on 10)

The computer code of claim 10, further configured to implement the step of configuring a set of rules for determining the subset of columns, wherein the set of rules is implemented in a cascading style sheet (CSS).

### Claim 13

A computer system for rearranging the content within an existing displayed sub-region of a web page in response to resizing the existing displayed sub-region, the content including a plurality of columns each having a respective width parameter, the system including a processor configured to implement the steps of:
detecting resizing of the existing displayed sub-region within the webpage, wherein the sub-region comprises a slidable border, and resizing of the sub-region comprises movement of the slidable border through one of manual or automatic dragging;
determining a span value associated with the resized existing displayed sub-region;
defining a minimum width beyond which the resized sub-region cannot be reduced;
determining a subset of the plurality of columns that fit within the span value based on the respective width parameters, wherein each respective width parameter comprises one of a fixed parameter and a dynamic parameter;
displaying the subset of columns within the resized existing displayed sub-region; and
simultaneously rearranging the contents of a second existing displayed sub-region in response to the resizing of the first existing displayed sub-region.