How to align elements
Use alignment tools to arrange elements, groups, and screens consistently. You can align one element relative to its parent or align multiple objects relative to one another.
Before you start
Make sure you have permission to edit the board and are in design editing mode.
Access the alignment options
Select one or more objects, then open the alignment options from:
- The Alignment section of the Layout Properties panel
- The toolbar when elements are selected
- The right-click More actions menu
Align a single element
When you select one element inside a screen, container, or group, the alignment options position it relative to its parent. Choose from the following options:
- Align left: Moves the element to the left edge of its parent.
- Align horizontal center: Centers the element horizontally within its parent.
- Align right: Moves the element to the right edge of its parent.
- Align top: Moves the element to the top edge of its parent.
- Align vertical center: Centers the element vertically within its parent.
- Align bottom: Moves the element to the bottom edge of its parent.
The element must be inside a parent screen, container, or group to be aligned relative to it.
Align multiple objects
Select two or more elements, groups, or screens, then choose an alignment option. Visily aligns the selected objects relative to one another without changing their sizes. The available alignment options are the same as those used for a single element.
Distribute objects evenly
Use distribution to create equal spacing between three or more selected objects. Select at least three objects, then choose:
- Distribute horizontally: Creates equal horizontal spacing between the objects.
- Distribute vertically: Creates equal vertical spacing between the objects.
The outermost objects remain in place while Visily adjusts the spacing between the objects in the middle.
Tips
- Hold Shift while selecting objects to add them to your selection.
- Group related elements when you want to align them as one object.
- Use layout grids to maintain consistent alignment inside screens.
- Use the board grid to arrange screens and diagram elements across the canvas.
Need more help?
If this does not solve your issue, contact support and include a screenshot if possible.
Related Articles
Diagram Elements in Visily
Use diagram elements to brainstorm ideas, map processes, and model structured systems directly on your Visily board. You can build a diagram from individual elements or start with a ready-made template. Before you start Make sure you have permission ...How to use Table elements
Use Table elements to organize information into rows and columns. You can create a blank table, import existing data, paste content from a spreadsheet, or generate sample data with AI. Before you start Make sure you have permission to edit the board ...How to use Image elements
Use Image elements to add uploaded images, stock photos, AI-generated visuals, or placeholders to your designs. Before you start Make sure you have permission to edit the board. The availability of workspace images and some AI features may depend on ...How to use Text and Link elements
Use Text and Link elements to add headings, descriptions, labels, and clickable text to your designs. Before you start Make sure you have permission to edit the board and are in design editing mode. Text element types Visily provides the following ...How to group and lock elements
Group related elements so you can move, resize, and organize them together. You can also lock elements or groups to prevent accidental changes while editing other parts of your design. Before you start Make sure you have permission to edit the board ...