Methods and systems for applying responsive design to subframes on a web page
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.
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.
2. The method of claim 1 , wherein the dynamic parameter comprises a predetermined percentage of the span value.
3. The method of claim 1 , further comprising:
assigning a respective priority parameter to each parameter of the first resized sub-region.
4. The method of claim 3 , where the priority parameter comprises one of an absolute and relative value.
5. The method of claim 1 , further comprising:
configuring a set of rules for determining the subset of the parameters.
6. The method of claim 5 , where the set of rules is implemented in a cascading style sheet (CSS).
7. The method of claim 1 , further comprising:
hiding a second subset of parameters.
8. The method of claim 7 , further comprising:
revealing the second subset of columns in response to a user request.
9. The method of claim 8 , where the user request comprises hovering a cursor over a virtual button indicative of the hidden parameters.
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.
11. The computer code of claim 10 , wherein the dynamic parameter comprises a predetermined percentage of the span value.
12. The computer code of claim 10 , further comprising:
assigning a respective priority parameter to each parameter of the first resized sub-region.
13. The computer code of claim 12 , where the priority parameter comprises one of an absolute and relative value.
14. The computer code of claim 10 , further comprising:
configuring a set of rules for determining the subset of the parameters.
15. The computer code of claim 14 , where the set of rules is implemented in a cascading style sheet (CSS).
16. The computer code of claim 10 , further comprising:
hiding a second subset of parameters.
17. The computer code of claim 16 , further comprising:
revealing the second subset of columns in response to a user request.
18. The computer code of claim 17 , where the user request comprises hovering a cursor over a virtual button indicative of the hidden parameters.