Изменение положения элементов на форме

Чтобы сделать красивый и качественный калькулятор, необходимо грамотно размещать элементы калькулятора на его форме. В данной статье будет показано какие возможности элементов на форме существуют.
Откроем окно создания калькулятора: http://calccreator.com/Create
Самый простой способ работы с элементами — это их перетяжка по форме, в том виде, в котором это было реализовано в старой версии конструктора.
Чтобы элемент можно было свободно перетягивать на форме, необходимо выделить его и на вкладке «Свойства» установить флажок «Абсолютное позиционирование»
После этого сам элемент можно будет начать перетягивать мышью и станут видимы его границы, в виде линий, проходящий через всю форму.

При абсолютном позиционировании элементы могут перекрываться. Так как по умолчанию элементы, добавленные недавно будет располагаться выше.
Чтобы изменить это, нужно изменить слой, на котором расположен элемент. По умолчанию он «auto». Данный параметр можно увидеть на вкладке «Свойства»
Чем выше номер слоя, тем выше располагается элемент относительно других элементов. В вышеуказанном примере, я установил номер слоя «1» для всех элементов кроме изображения:
После этого элементы будут располагаться выше изображения.
Если не использовать абсолютное позиционирование, то можно создавать адаптивные калькуляторы. И использовать заранее созданные позиции для калькуляторов. Их можно увидеть на вкладке «Свойство» в разделе «Расположение». После изменения положения элемента это позицию можно удалить, нажав на кнопку удаления, в разделе «Расположение»
Элементы, которые располагаются внутри других элементов могут иметь различное позиционирование. Например, панель может иметь абсолютное позиционирование, а элементы внутри панели могут использовать стандартное позиционирование и наоборот.

Для более удобного перемещения и размещения элементов можно воспользоваться деревом объектов. Для этого на вкладке «Свойства» необходимо нажать на «Дерево объектов». Появиться окно работы с деревом. Необходимо нажать на «Обновить дерево», после этого можно нажать «Развернуть дерево» и увидеть всё дерево целиком, или развернуть нужные элементы вручную:
В дереве объектов можно выделять элементы перемещать их и размещать друг в друге. Это позволяет быстро и без ошибок работать с большим количеством элементов.
В настоящее время конструктор CalcCreator обладает удобным функционалом для размещения элементов по форме. Вы можете использовать как стандартное, так и абсолютное позиционирование элементов. Вы можете настраивать слой, на котором располагается элемент, для создания грамотных перекрытий.  Для сложных перемещений можно использовать «Дерево объектов», которое позволяет быстро и удобно перемещать элементы формы.
Удобной работы с сервисом.