IPEmailBuilderColumnDirective
The IPEmailBuilderColumnDirective is an Angular directive that connects columns between each other, allowing users to drag and drop blocks between them.
The selector for this directive is:
[ipEmailBuilderColumn]
This input property is an array of
AIPEmailBuilderBlockExtendedOptions
objects that will be used to create the blocks in the column.This property is used to set the
column
class on the host element.This property is a list of connected columns drop lists.
This property is a list of all columns drop lists.
This method is called when a block is dropped into the column.
It transfers the block from its previous container to the current container.
To use this directive, add the
ipEmailBuilderColumn
attribute to an HTML element that has the cdkDropList
directive. The value of the attribute should be an array of
AIPEmailBuilderBlockExtendedOptions
objects.Usage example:
<div cdkDropList ipEmailBuilderColumn [data]="columnBlocks">
<ip-email-builder-block *ngFor="let block of columnBlocks" [options]="block"></ip-email-builder-block>
</div>
Last modified 4mo ago