Skip to main content

Editing elements

Using the element edit toolbar​

You can create content by selecting elements arranged on the canvas and using the editing tools at the top of the screen.

ToolsTool nameDescription
iconUndo (shortcut key: Ctrl + Z)Undo the last command to revert back to the previous state.
iconRedo (shortcut key: Ctrl + Y)Redo a command that has been undone.
iconCut (shortcut key: Ctrl + X)Cut the selected element.
iconCopy (shortcut key: Ctrl + C)Copy the selected element.
iconPaste (shortcut key: Ctrl + V)Paste an element that has been copied or cut.
iconArrangeArrange several elements in a desired order.
iconAlignAlign several elements based on desired alignment criteria.
iconSoundView sound elements, such as audio, video and input source, added to content, and turn sound on or off for each element.
iconGroupGroup or ungroup elements.
iconDataLinkConfigure the settings for DataLink. The DataLink setting button can be used when switched from the mode to the edit mode.
iconExternal EventsConfigure event triggers.
iconSnap to GridAutomatically arrange elements to fit the grid.
iconRulerDisplay rulers in landscape and portrait orientations.
iconGuidesDisplay the guides.
iconAdd Custom EffectUsing the CSS script, various effects can be applied to the selected element. This function is available only in W Player.

Configuring element properties​

Use the element edit bar to configure detailed properties of an element. The element edit bar appears when an element is selected on the canvas. Displayed setting items may vary depending on the selected element type.

ToolsTool nameDescription
XHorizontal PositionEnter the horizontal position of an element.
YVertical PositionEnter the vertical position of an element.
iconWidthEnter the horizontal size of an element.
iconHeightEnter the vertical size of an element.
iconRotateEnter the rotation angle of an element.
iconFlip HorizontalAn element can be flipped horizontally.
iconFlip VerticalAn element can be flipped vertically.
iconCropAn element can be cut after zooming it in or out.
iconTransparencyThe transparency of an element can be adjusted.
iconFillFill color in an element.
iconLine ColorSet the frame color of an element.
iconLine StyleSet the line style of an element.
iconInput SourceSelect a type of input source.
For the items that can be set in a text element, refer to the following.

Modifying elements​

Customize the element size, position and other properties:

  • To move an element, click inside the element and drag it to another position.
  • To change the layout size for an element, click the edge around the element and drag it horizontally or vertically.
  • To rotate an element, select the element and then drag the rotation in the desired direction. Note that the rotation feature may not be supported for all device types. If you selected VideoWall, elements cannot be rotated.

Locking an element​

Set a lock on an element to prevent others from modifying it. Only the user with lock privilege can modify it. Select an element to apply the lock feature to and then click icon(Lock) from the element editor toolbar. Select a lock function on the pop-up menu for locking.

  • Lock Size and Position Lock elements so that their sizes and positions cannot be modified.
  • Lock Design Style Lock elements so that their design styles cannot be modified.
  • Lock Element Lock elements so that all settings cannot be modified.

Editing an element layer​

Click icon(Layers) and then drag layers for multiple elements to change their order. Move the mouse cursor over the page or element name and then select icon(Edit Name) to change the names for page and elements. When creating content, if the device type is set to Videowall, it is possible to select two or more different content items and sync them for playback. Synced content items are displayed in the same color.