Image

Description of content types in the menus
Tool Bar Icon Description

HTML image element

Editable: Yes, you can edit the image.

Droppable: No, you can't drop other blocks or components inside.

Component Tool Bar:

Parent Selectable: Yes, you can select parent element from component.

Draggable: Yes, you can drag this component to other locations in the canvas.

Copyable: Yes, you can copy component in the canvas.

Removable: Yes, you can delete this component from the canvas.

Trait Manager Settings: Yes, Alt sets the alt attribute for the image.

Default Styles (doesn't include default browser styles): Yes, Max-width is set to 100% for responsive down-scaling.

Child Components: No

Unique Documentation: Yes

  • Double-click an image to open the Asset Manager. When images are uploaded, they're stored in the Section Workspace Files & Folders. Images can't be uploaded from sub-directories.
  • Apply external images by pasting its full url in the input labelled "http://path/to/the/image.jpg" in Asset Manager. Referencing an external image doesn't upload or save it to Files & Folders and doesn't stay saved in the image listing in Asset Manager.
  • Place an image in the middle of a bunch of paragraphs by first creating a single paragraph component. Add multiple paragraphs within this single component and drop an image at the start or end of any of the paragraphs. You can use the float setting in Style Manager to properly nest the image inside a paragraph.

Stylable: Yes, when double-clicked, some options are available via inline rich-text editor. These Style Manager options are available:

  • margin-top
  • margin-bottom
  • margin-left
  • margin-right
  • border-top-width
  • border-bottom-width
  • border-left-width
  • border-right-width
  • border-style
  • border-color
  • border-top-left-radius
  • border-top-right-radius
  • border-bottom-left-radius
  • border-bottom-right-radius
  • box-shadow
  • float