Placing of element

When user drag any element from the component panel to the design panel a blue outline will be shown to display the borders for the element already present on the design panel. There will also be a small blue arrow to show to which side of the existing element does the new element be placed.

The above diagram shows the blue arrow to the right of login button indicating that the new element will be placed to the right of login button. If the blue arrow is shown at the right, then the element will be placed below the existing element. You can drag the element across the design panel to choose the correct location to place the element.

To place an element within a container, drop the element when the container border is highlighted in orange and there is no arrow to any side.