Improved Drag & Drop

In the new version of Page Designer, ONEWEB provides easy positioning and helps to accurately place the dragged object on the designer canvas. For e.g. to drop a UI element below another component, the UI will guide the user with the help of blue arrows to correctly position the element as he drags it across the canvas. The current active component is also shown in an orange outline with the name.

To add the component in between two UI elements lookout for the blue arrows as shown in the image below.

If the element cannot be placed inside another component, the user will get warning messages as shown in the image below as well. Users can also see the component on the Page Structure window on the left-hand side to make sure it is the correct element.