System and method for extended dynamic layout
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.
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.
2. The WBS according to claim 1 and wherein said relationship is at least one of explicit anchors, automatic anchors and semi-automatic anchors.
3. The WBS according to claim 1 and also comprising at least one database to store said website, said components and said dynamic layout rules.
4. 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.
5. The WBS according to claim 1 wherein said update is across multiple editing sessions for said website.
6. The WBS according to claim 1 wherein said components comprise atomic components and container components containing one or more other components.
7. 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.
8. 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.
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.
10. The WBS according to claim 9 and wherein said relationship is at least one of explicit anchors, automatic anchors and semi-automatic anchors.
11. The method according to claim 9 and also comprising storing in at least one database said website, said components and said dynamic layout rules.
12. 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.
13. The method according to claim 9 wherein said updating is across multiple editing sessions for said website.
14. The method according to claim 9 wherein said components comprise atomic components and container components containing one or more other components.
15. 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.
16. 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.