Arranging Elements

Arranging Elements

Arranging elements on the page will be done using primarily the Selection Tool, and the Multi-Selection Tool.  The Selection Tool looks like a mouse pointer, and the Multi-Selection Tool looks like a mouse pointer with a plus sign next to it.



How to Arrange Elements on the Page     

  • Click on an element such as a shape, picture box or text box.
  • By clicking on the box with the Selection Tool, it will make a series of blue dots around the object.
  • Click and drag these to resize the image as shown below.

  • To move an object, hover over the centre of the object until a hand appears.
  • Next, click on the object and drag it around the page as shown below.


  • The image also has a rotation handle as shown below, you can click and drag this to rotate the image.



  • The image has a swap handle as shown below, you can click this icon and drag the photo to another frame on the page swapping the photos in the respective frames.



Arrange Tools



  • Bring To Front - Will arrange the element to the front of the page.
  • Move Up - Will move an element forward on the page.
  • Move Down - Sends an element backwards once on the page.
  • Send To Back - Sends an element to the back of the page.

Align Tools

These tools can also aid in arranging your elements on your page by lining them up left, centre right, top or bottom.  Using the multiple selection tool you can select more than one element to begin arranging your page content.
  • Align Left
  • Center Horizontally
  • Align Right
  • Align Top
  • Center Vertically
  • Align Bottom
  • Distribute Horizontally
  • Distribute Vertically

    • Related Articles

    • Adding Shape Elements

      Adding shapes to your pages can be fun and easy.  You can also customise your shapes as well with our custom tool "Edit Path" which is located at the top of your workstation.  This tool will appear once you have placed the custom shape onto your ...

    • View Preferences

      There are different View Preferences you can choose to have displayed when designing your pages.  They can easily be turned on and off at any time.   Preview Mode: Preview mode allows you to view your page without any of the guidelines.  It also ...

    • Filling in the Design Brief

      Open the YOLO Design Brief Form in Microsoft Word. Save a copy and add the name of your school to the file name of the document – save it somewhere that you can find it again easily. Page 1 - details Click on the relevant boxes at the top of page 1 ...

    • Choosing a Design Style

      Some schools keep the same overall design from year to year, while others change the look completely each time. This is completely up to the individual. When considering the design style think about the following questions: Objectives What is the ...

    • Choosing a Design Style

      Some schools keep the same overall design from year to year while others change the look completely each time. This is completely up to the individual. When considering the design style think about the following questions: Objectives What is the ...