Rotating elements

In any type of template, boxes, images, tables, text and other elements can be rotated.

The toolbar buttons Rotate Clockwise and Rotate Counter Clockwise rotate the element in which the cursor is located 90 degrees at a time.

To rotate an element into another angle position, use the 'angle' CSS property of the element. In most cases, this can be done in the element's Formatting dialog. In other cases, such as with text, you have to enter the CSS property and value manually. Both methods are explained in the following procedure.

  1. Right-click the element and click the respective element on the shortcut menu.
    Alternatively, select the element (see Selecting an element) and click the respective element on the Format menu.
  2. On the first tab, look for the angle property. If it is available, type the number of degrees the element should be rotated. A positive number will rotate the element clockwise, a negative number rotates it counter-clockwise. Skip steps 3 to 6.
    If the angle property is not available, proceed with the following step.
  3. Click the Advanced button to open the Advanced Formatting dialog.
  4. Click in the first blank field under Property and type transform.
  5. Click in the field next to it, under Value and type rotate(, followed by the number of degrees the element should rotate, and then deg), for example: rotate(20deg). A positive number will rotate the element clockwise, a negative number rotates it counter-clockwise.
  6. Close the Advanced Formatting dialog.
  7. Close the Formatting dialog, or click the Apply button to see the effect without closing the dialog.

It is also possible to rotate elements by creating a style rule in a style sheet; see Styling templates with CSS files.

 
  • Last Topic Update: 17, January, 2017 07:38 AM
  • Last Published: 23, May, 2019 01:55 PM