v4.12 The module layout has moved from the advanced tab to the layout tab.
Card
| Card width | The width of the card |
| Card width unit | The width unit (pixels or percentage). Before 4.0 Use percentages to have the cards resize with the browser. The carousel script needs width to be set in pixels. It will handle the resizing itself. Starting with 4.0 new carousel requirements: when horizontal, set the card width in pixels. When vertical, set the width in percentages (usually 100%) |
| Min card width | The minimum width in pixels where the card stops shrinking. Before 4.0 If the picture is on the side of the text (landscape mode), it will turn into portrait mode (text under the picture) when the min card width is reached and the card width is set in percentages. Starting with 4.0 Not used in animations. Use the new parameter Orientation switch width (picture tab) for cards to switch between landscape and portrait modes. |
| Max card width | The maximum width in pixels where the card stops growing inside its container |
| Space between cards | The space between the cards by default. Use an even value (divided by 2 internally). If the card width is set in percentages, the margins left and right will be calculated automatically. The space between cards will only apply to the margins top and bottom in this case. |
| Card height | The height of the card. Omitted, it will resize itself from its content (recommended) |
| Category |
|
| Link to view | Pro The view selected for the category link. 'Auto' will find the first view where the category is featured in. Otherwise, make sure the module and the view show similar categories |
| Tags |
tcptag.php layout. It can be overridden in the Pro version (more layout information can be found in the Common information section) |
| Link to view | Pro The view selected for the tag link. Make sure the module and the view show common tags |
| Vcard | Show the vcard link for vcard download |
| Vcard icon | Use the default icon or select your own icon to represent the vcard |
| Vcard type | Pro Detailed contact information can be exported as personal (home fields) or business related (work fields). The free module will export contact information through the Joomla contact component which sends data to the work fields. |
| Featured | Add a visual cue if the contact is featured |
| Featured icon | Use the default icon or select your own icon to represent the featured contact |
| Linking | |
| Link to |
|
| Popup width | The popup width when using a popup window to open the contact |
| Popup height | The popup height when using a popup window to open the contact |
| Link label | A label for the link to the contact (left blank, the contact links through its name) behavior change v4.4 The name has its own 'link name' option. Leaving the field 'link label' empty will no longer force a link on the name. |
| Link for all | The link to use for all contacts when they all open in the same page |
| Access | The access level group that is authorized to use the link. Unauthorized users won't have a link available to them |
| Editing Pro | |
| Allow editing | Adds a link to edit contacts (only visible to the logged user that is associated with a contact).
The edition in the view will work if the user has the right access permissions (see the Permissions section) and a User contacts view exists |
| Edit link label | The label to use for the edit link |
Headings
It is possible to separate contact cards into category sections, when categories are ordered.
Do not use in conjunction with the carousel
| Headers |
|
| Link to view | Pro The view selected for the category link. 'Auto' will find the first view where the category is featured in. Otherwise, make sure the module and the view show similar categories |
| Heading tag | The HTML heading to use (h1 through h6) |
General link
| General link |
|
| External URL | The URL of the external link. It will open in a new window or browser tab |
| Label | The label to give to the link |
| Classes | The CSS classes to give to the link. Useful if, under Bootstrap, we want to make the link look like a button (by using the btnclass) |
