- Whether you are adjusting alignment, spacing, or sizing, the Position Panel provides comprehensive tools to ensure each element fits perfectly in your composition.\n\nOverview:\n\nThe Position Panel helps you control how elements are aligned, spaced, and layered in your design. You can effortlessly reorder layers, align elements, or distribute spacing for a polished look.\n\nStep-by-Step Instructions for Using the Position Panel\n\nRearranging Elements:\n\n- For Desktop:\n 1. Select the element.\n 2. To select multiple elements, hold Shift and click additional elements.\n 3. Click 'Position' in the toolbar.\n 4. Choose from 'Forward', 'Backward', 'To front', or 'To back'.\n 5. Use 'Align elements' to place elements at the Top, Middle, Bottom, Left, Center, or Right.\n 6. Space elements evenly using 'Vertically', 'Horizontally', or 'Tidy up'.\n 7. Enter specific dimensions under 'Advanced'.\n 8. Lock the Aspect Ratio if needed.\n 9. Adjust the X and Y coordinates.\n\n- For Mobile:\n 1. Tap and hold an element.\n 2. Use the 'Select Multiple' option to choose more elements.\n 3. Tap 'Position'.\n 4. Adjust using 'Bring Forward', 'Send Backward', or align and space as needed.\n\nAligning Elements:\n\n- Click or tap the element.\n- Use the Position option to choose how elements align on the page, whether it's Top, Middle, Bottom, etc.\n\nEditing Spacing Between Elements:\n\n- Similar steps apply as rearranging, focus on using 'Space evenly' options.\n\nResizing Elements:\n\n- Enter specific pixel values for Width and Height.\n- Use Lock Aspect Ratio to maintain proportions.\n\nAdjusting Rotation:\n\n- Enter the degree of rotation as needed.\n\nNote:\n\nIf you find these steps do not resolve your issue, please let us know so we can provide further assistance. Your feedback is valuable to us, and we are committed to improving your user experience.
Product, Features and Settings
<% if (previousArticle) { %>
<% } %>
<% if (items.length > 1) { %>
<% if (previousTitle) { %>
<% } %>
<% if (nextArticle) { %>
<%= previousTitle %>
<% } %> <%= previousArticle.title %>
<% if (nextTitle) { %>
<% } %>
<%= nextTitle %>
<% } %> <%= nextArticle.title %>In this article
-
<% items.forEach(function(item) { %>
- <%= item.name %> <%= partial('partial-table-of-contents', { items: item.children, partial: partial }) %> <% }); %>
-
<% items.forEach(function(item) { %>
- <%= item.name %> <%= partial('partial-table-of-contents', { items: item.children, partial: partial }) %> <% }); %>
Comments
0 comments
Please sign in to leave a comment.