# US 11,307,750 B2 · Method and system for section-based editing of a website page > Agents: this data is available as JSON from the patentgrep API and MCP server — see https://patentgrep.com/llms.txt - Number: US 11,307,750 B2 - Document ID: US11307750B2 - Status: Granted - Kind: B2 - Application number: 16/207,217 - Filed: 2018-12-03 - Published: 2019-04-18 - Granted: 2022-04-19 - Earliest claimed: 2012-02-20 - Assignees: Wix.com Ltd. - Applicants: Wix.com Ltd. - Inventors: Ayelet Geva; Yael Hasson; Avishai Abrahami; Yaniv Ben Simon; Yotam Barzilay; Nadav Abrahami - Web page: https://patentgrep.com/patent/US11307750B2 ## CPC - G06F 3/04847: Interaction techniques to control parameter settings, e.g. interaction with sliders or dials - G06F 40/103: Formatting, i.e. changing of presentation of documents (automatic justification G06F40/189; automatic line break hyphenation G06F40/191) - G06F 40/166: Editing, e.g. inserting or deleting - G06F 3/04855: Interaction with scrollbars - G06F 2203/04806: Zoom, i.e. interaction techniques or interactors for controlling the zooming operation - G06F: ELECTRIC DIGITAL DATA PROCESSING (computer systems based on specific computational models G06N) ## Abstract A visual design system includes a dynamic layout editor, a page analyzer, a UI subsystem and a change executor. The dynamic layout editor edits content of a visual creation according to dynamic layout rules. The visual creation includes at least one page having at least two components, the dynamic layout rules are associated with anchors or constraints for positioning the components, and each component has geometrical properties. The page analyzer performs a geometrical analysis on the page in response to a change of components and divides the page into sections based on at least geometrical relationships between the geometrical properties. The UI subsystem generates and presents at least one section to a user for editing as a virtual container containing at least one of the two components. The change executor regenerates and displays the page with the section according to editing changes made during the editing session. ## Claims ### Claim 1 A visual design system comprising: at least one database to store visual creations created by said visual design system, said visual creations having pages with at least two components, said at least one database to also store at least the editing history of said at least two components by a user of said visual design system and dynamic layout rules at least associated with at least one of: anchors and constraints for positioning said at least two components; a dynamic layout editor to edit content according to said dynamic layout rules during an editing session of a visual creation; a page analyzer to analyze component editing history and element geometrical relationships of at least two components on at least one page in response to addition, removal, or modification of at least one of said at least two components during said editing session and to divide said at least one page into at least two sections accordingly, wherein a section of said at least two sections contains at least one component of said at least two components; a UI subsystem to generate and present to a user for editing, during said editing session, at least one section from among said at least two sections as a virtual container containing at least one of said at least two components; a change executor to regenerate and display said at least one page during said editing session with said at least one section according to editing changes made during said editing session; and a memory and a processor to activate said dynamic layout editor, said page analyzer, said UI subsystem and said change executor. ### Claim 2 (depends on 1) The system according to claim 1, said page analyzer to divide said at least one page in both x and y directions and to reorder said at least two sections independently in x-axis and in y-axis. ### Claim 3 (depends on 2) The system according to claim 2, said page analyzer to divide said at least one page into said at least two sections according to one of: a horizontal-first-vertical-second division and a vertical-first-horizontal-second division. ### Claim 4 (depends on 1) The system according to claim 1 also comprising a plurality of adaptable handles integrated with said dynamic layout rules, said adaptable handles to activate a first set of dynamic layout rules and to ignore a second set of dynamic layout rules according to parameters. ### Claim 5 (depends on 1) The system according to claim 1, said page analyzer to further perform analysis according to at least one of: semantic analysis, content and attributes of said at least two components. ### Claim 6 (depends on 1) The system according to claim 1 and wherein said editing changes are at least one of removing, modifying, adding, re-ordering, moving, updating and inserting said at least one section. ### Claim 7 (depends on 1) The system according to claim 1 and wherein said dynamic layout rules are at least one of: between said section and at least one other section, between said section and at least one other component of said at least one page and between said at least two components of said at least one page. ### Claim 8 (depends on 1) The system according to claim 1 and wherein said visual design system is at least one of: a website building system, a desk top application development environment, a mobile application development environment, a client server application development environment, a non-browser web application development environment, a plug-in development environment and a shop-builder. ### Claim 9 A method for visual design, the method comprising: storing visual creations created by said visual design system, said visual creations having pages with at least two components, said storing to also store at least the editing history of said at least two components by a user of said visual design system and dynamic layout rules at least associated with at least one of: anchors and constraints for positioning said at least two components; editing content according to said dynamic layout rules during an editing session of a visual creation; analyzing component editing history and element geometrical relationships of at least two components; performing a geometrical analysis of said at least two components on at least one page in response to addition, removal, or modification of at least one of said at least two components during said editing session; dividing said at least one page into at least two sections, wherein a section of said at least two sections contains at least one component of said at least two components; generating and presenting to a user for editing, during said editing session, at least one section from among said at least two sections as a virtual container containing at least one of said at least two components; and regenerating and displaying said at least one page during said editing session with said section according to editing changes made during said editing session. ### Claim 10 (depends on 9) The method according to claim 9, said dividing comprising dividing said at least one page in both x and y directions and reordering said at least two sections independently in x-axis and in y-axis. ### Claim 11 (depends on 10) The method according to claim 10, said dividing comprising dividing said at least one page into said at least two sections according to one of: a horizontal-first-vertical-second division and a vertical-first-horizontal-second division. ### Claim 12 (depends on 9) The method according to claim 9 also comprising providing a plurality of adaptable handles integrated with said dynamic layout rules, said adaptable handles activating a first set of dynamic layout rules and ignoring a second set of dynamic layout rules according to parameters. ### Claim 13 (depends on 9) The method according to claim 9, and further comprising performing analysis according to at least one of: semantic analysis, content and attributes of said at least two components. ### Claim 14 (depends on 9) The method according to claim 9 and wherein said editing changes are at least one of removing, modifying, adding, re-ordering, moving, updating and inserting said at least one section. ### Claim 15 (depends on 9) The method according to claim 9 and wherein said dynamic layout rules are at least one of: between said section and at least one other section, between said section and at least one other component of said at least one page and between said at least two components of said at least one page.