Columns
Tool Bar Icon | Description |
---|---|
One column: Group of HTML elements |
|
Two columns: Group of HTML elements |
|
Three columns: Group of HTML elements |
|
Four columns: Group of HTML elements |
|
Five columns: Group of HTML elements |
Editable: No, you can't edit the columns.
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: No
Default Styles (doesn't include default browser styles): Yes
- 10 pixel padding
- 10 pixel bottom margin
Child Components: Yes
- Columns:
- Component: Custom div element.
- Editable: No, you can't edit the component.
- Droppable: Yes, you can copy this component in the canvas.
- Tool Bar:
- Parent Selectable: Yes
- Draggable: Yes
- Copyable: No
- Removable: No
Unique Documentation: No
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
- padding-top
- padding-bottom
- padding-left
- padding-right
- border-top-width
- border-bottom-width
- border-left-width
- border-right-width
- border-style
- border-color
- background-color
- background-image
- background-position
- background-size
- background-repeat
- background-attachment
- border-top-left-radius
- border-top-right-radius
- border-bottom-left-radius
- border-bottom-right-radius
- box-shadow
Weighted columns
Tool Bar Icon | Description |
---|---|
25/75 columns: Group of HTML elements |
|
33/67 columns: Group of HTML elements |
|
25/50/25 columns: Group of HTML elements |
|
50 centered columns: Group of HTML elements |
|
67 centered columns: Group of HTML elements |
|
75 centered columns: Group of HTML elements |
Editable: No, you can't edit the columns.
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
- Wrap Columns: Sets columns to wrap and stack at 100% width starting at the set viewport. Default is Don't Wrap.
Default Styles (doesn't include default browser styles): Yes
- 10 pixel padding
- 10 pixel bottom margin
Child Components: Yes
- Colums:
- Component: Custom div element.
- Editable: No, you can't edit the component.
- Droppable: Yes, you can copy this component in the canvas.
- Tool Bar:
- Parent Selectable: Yes
- Draggable: Yes
- Copyable: No
- Removable: No
Unique Documentation: No
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
- padding-top
- padding-bottom
- padding-left
- padding-right
- border-top-width
- border-bottom-width
- border-left-width
- border-right-width
- border-style
- border-color
- background-color
- background-image
- background-position
- background-size
- background-repeat
- background-attachment
- border-top-left-radius
- border-top-right-radius
- border-bottom-left-radius
- border-bottom-right-radius
- box-shadow
Generic container
Tool Bar Icon | Description |
---|---|
Generic container HTML div element |
Editable: No, you can't edit the columns.
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: No
Default Styles (doesn't include default browser styles): Yes
- 5 pixel top padding
- 5 pixel bottom padding
Child Components: No
Unique Documentation: No
Stylable: Yes, when double-clicked, some options are available via inline rich-text editor. These Style Manager options are available:
- font-family
- font-weight
- font-size
- font-style
- line-height
- letter-spacing
- text-align
- color
- text-shadow
- margin-top
- margin-bottom
- margin-left
- margin-right
- padding-top
- padding-bottom
- padding-left
- padding-right
- border-top-width
- border-bottom-width
- border-left-width
- border-right-width
- border-style
- border-color
- background-color
- background-image
- background-position
- background-size
- background-repeat
- background-attachment
- border-top-left-radius
- border-top-right-radius
- border-bottom-left-radius
- border-bottom-right-radius
- box-shadow