Structure
{mainTitle} |
---|
{name} |
{photo} or {photoCropped} |
{jobTitle} |
{email} |
{website} |
Behavior
The ContactNode provides a way of adding contact information in a structured way. It works similarly to the ChartNode and RichTextNode in that there is a word table template with predefined fields. The photo can be filled by using the photo field (produces the untouched image) or the photoCropped field (produces a cropped to circle image). Example template:
...
{mainTitle}
...
{name}
...
{photo} or {photoCropped}
...
{jobTitle}
...
{email}
...
{website}
Info |
---|
Important The dimensions (height/width) of the photo are calculated based on the contact style’s cell height. Make sure to set the cell height appropriately, otherwise you won’t see any photo. |
Metadata
The contact styles only allow default styles to be set.
Examples
Example 1: Showing a simple case with an untouched photo
View file | ||
---|---|---|
|
View file | ||
---|---|---|
|
View file | ||
---|---|---|
|
Example 2: Showing how to crop the photo to circle using the photoCropped field
View file | ||
---|---|---|
|
View file | ||
---|---|---|
|
View file | ||
---|---|---|
|