# US 10,872,198 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,872,198 B2
- Document ID: US10872198B2
- Status: Granted
- Kind: B2
- Application number: 16/144,885
- Filed: 2018-09-27
- Published: 2019-01-31
- Granted: 2020-12-22
- 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/US10872198B2

## 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 content within resized sub-regions of a web page. First, resizing of a first sub-region of the webpage is detected by a user dragging a slidable border of the sub-region. A span value associated with dimensions of the first resized sub-region is determined and defining minimum dimensions of the first resized sub-region are defined. A subset of the dimensions of the first resized sub-region that fit within the span value is defined based on the minimum dimensions of the resized sub-region. The dimensions of the first resized sub-region include a fixed parameter and a dynamic parameter. The contents of a second sub-region of the webpage are rearranged in response to the resizing of the first resized sub-region and displaying displayed.

## Claims

### Claim 1

A method of rearranging content within resized sub-regions of a web page, comprising:
detecting resizing of a first sub-region of the webpage by a user dragging a slidable border of the sub-region;
determining a span value associated with parameters of the first resized sub-region;
defining minimum parameters of the first resized sub-region;
determining a subset of the parameters of the first resized sub-region that fit within the span value based on the minimum parameters of the resized sub-region, wherein the parameters of the first resized sub-region comprises a fixed parameter and a dynamic parameter;
automatically rearranging the contents of a second sub-region of the webpage in response to the resizing of the first resized sub-region; and
displaying the first and second resized sub-regions of the webpage with a web browser.

### 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:
assigning a respective priority parameter to each parameter of the first resized sub-region.

### Claim 4 (depends on 3)

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

### Claim 5 (depends on 1)

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

### Claim 6 (depends on 5)

The method of claim 5, where 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 parameters.

### 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, where the user request comprises hovering a cursor over a virtual button indicative of the hidden parameters.

### 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 computer code configured to implement steps comprising:
detecting resizing of a first sub-region of the webpage by a user dragging a slidable border of the sub-region;
determining a span value associated with parameters of the first resized sub-region;
defining minimum parameters of the first resized sub-region;
determining a subset of the parameters of the first resized sub-region that fit within the span value based on the minimum parameters of the resized sub-region, wherein the parameters of the first resized sub-region comprises a fixed parameter and a dynamic parameter;
automatically rearranging the contents of a second sub-region of the webpage in response to the resizing of the first resized sub-region; and
displaying the first and second resized sub-regions of the webpage with a web browser.

### Claim 11 (depends on 10)

The computer code of claim 10, wherein the dynamic parameter comprises a predetermined percentage of the span value.

### Claim 12 (depends on 10)

The computer code of claim 10, further comprising:
assigning a respective priority parameter to each parameter of the first resized sub-region.

### Claim 13 (depends on 12)

The computer code of claim 12, where the priority parameter comprises one of an absolute and relative value.

### Claim 14 (depends on 10)

The computer code of claim 10, further comprising:
configuring a set of rules for determining the subset of the parameters.

### Claim 15 (depends on 14)

The computer code of claim 14, where the set of rules is implemented in a cascading style sheet (CSS).

### Claim 16 (depends on 10)

The computer code of claim 10, further comprising:
hiding a second subset of parameters.

### Claim 17 (depends on 16)

The computer code of claim 16, further comprising:
revealing the second subset of columns in response to a user request.

### Claim 18 (depends on 17)

The computer code of claim 17, where the user request comprises hovering a cursor over a virtual button indicative of the hidden parameters.