# US 12,112,120 B2 · System and method for extended dynamic layout > Agents: this data is available as JSON from the patentgrep API and MCP server — see https://patentgrep.com/llms.txt - Number: US 12,112,120 B2 - Document ID: US12112120B2 - Status: Granted - Kind: B2 - Application number: 18/337,095 - Filed: 2023-06-19 - Published: 2023-10-19 - Granted: 2024-10-08 - Earliest claimed: 2012-02-20 - Assignees: Wix.com Ltd. - Applicants: Wix.com Ltd. - Inventors: Nadav Abrahami; Giora Kaplan; Avishai Abrahami - Web page: https://patentgrep.com/patent/US12112120B2 ## CPC - G06F 40/106: Display of layout of documents; Previewing - G06F 3/0482: Interaction with lists of selectable items, e.g. menus - G06F 16/986: {Document structures and storage, e.g. HTML extensions} - G06F 40/143: Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD] - G06F 40/166: Editing, e.g. inserting or deleting - G06F 16/972: {Access to data in other repository systems, e.g. legacy data or dynamic Web page generation} - G06F 40/197: Version control (for software G06F8/71) - G06F 2203/04804: Transparency, e.g. transparent or translucent windows - G06F: ELECTRIC DIGITAL DATA PROCESSING (computer systems based on specific computational models G06N) ## Abstract A website building system (WBS) to create and handle dynamic layout interactions between multiple components on a page according to dynamic layout rules which define a relationship between affecting and affected components and where a component has at least one handle to enable a user of the WBS to at least move or resize a component within the dynamic layout rules, where the at least one handle activates or bypasses the dynamic layout rules for a component. The WBS creates at least automatic anchors between parallel edges of affecting and affected components according to the dynamic layout rules; receives an event triggered by at least a change made to at least one component and updates the at least one component according to the event, the at least one handle, handle type and the dynamic layout rules and displays the updated at least one component during an editing session. ## Claims ### Claim 1 A website building system (WBS), the WBS comprising: at least one a processor; and a unit running on said processor to create and handle dynamic layout interactions between multiple components on a page of a website built using said WBS according to dynamic layout rules which define a relationship between affecting and affected components and wherein a component has at least one handle to enable a user of said WBS to at least move or resize a component within said dynamic layout rules, said unit comprising: a layout manager operative during an editing session to dynamically create at least automatic anchors between parallel edges of affecting and affected components according said dynamic layout rules; a handle module to receive an event triggered by at least a change made to at least one component; and an updater to update said at least one component according to said event, said at least one handle, at least one handle type and said dynamic layout rules and to display said updated at least one component during said editing session; wherein said at least one handle is one of: a dynamic layout handle and a dynamic layout override handle, and wherein said at least one handle type is at least one of: user defined, rule defined and based on handle use history. ### Claim 2 (depends on 1) The WBS according to claim 1 and wherein said relationship is at least one of explicit anchors, automatic anchors and semi-automatic anchors. ### Claim 3 (depends on 1) The WBS according to claim 1 and also comprising at least one database to store said website, said components and said dynamic layout rules. ### Claim 4 (depends on 1) The WBS according to claim 1 and wherein said change comprises a change to at least one of: component size, component position, component content and component content formatting, physical size of display of said components. ### Claim 5 (depends on 1) The WBS according to claim 1 wherein said update is across multiple editing sessions for said website. ### Claim 6 (depends on 1) The WBS according to claim 1 wherein said components comprise atomic components and container components containing one or more other components. ### Claim 7 (depends on 1) The WBS according to claim 1 and wherein a display of said at least one handle within a website editor is at least one of: invisible, transparent and a display construct of said website editor. ### Claim 8 (depends on 1) The WBS according to claim 1 wherein a first handle is distinguishable from a second handle using a visual attribute wherein said visual attribute is at least one of: shape, color and animation. ### Claim 9 A method for website building system (WBS), the method comprising: creating and handling dynamic layout interactions between multiple components on a page of a website built using said WBS according to dynamic layout rules which define a relationship between affecting and affected components and wherein a component has at least one handle to enable a user of said WBS to at least move or resize a component within said dynamic layout rules, said creating and handling comprising: during an editing session, dynamically creating at least automatic anchors between parallel edges of affecting and affected components according said dynamic layout rules; receiving an event triggered by at least a change made to at least one component; and updating said at least one component according to said event, said at least one handle, at least one handle type and said dynamic layout rules; and displaying said updated at least one component during said editing session; wherein said at least one handle is one of: a dynamic layout handle and a dynamic layout override handle, and wherein said at least one handle type is at least one of: user defined, rule defined and based on handle use history. ### Claim 10 (depends on 9) The WBS according to claim 9 and wherein said relationship is at least one of explicit anchors, automatic anchors and semi-automatic anchors. ### Claim 11 (depends on 9) The method according to claim 9 and also comprising storing in at least one database said website, said components and said dynamic layout rules. ### Claim 12 (depends on 9) The method according to claim 9 and wherein said change comprises a change to at least one of: component size, component position, component content and component content formatting, physical size of display of said components. ### Claim 13 (depends on 9) The method according to claim 9 wherein said updating is across multiple editing sessions for said website. ### Claim 14 (depends on 9) The method according to claim 9 wherein said components comprise atomic components and container components containing one or more other components. ### Claim 15 (depends on 9) The method according to claim 9 and wherein a display of said at least one handle within a website editor is at least one of: invisible, transparent and a display construct of said website editor. ### Claim 16 (depends on 9) The method according to claim 9 wherein a first handle is distinguishable from a second handle using a visual attribute wherein said visual attribute is at least one of: shape, color and animation.