Module: layout

Card

Card width The width of the card
Card width unit The width unit (pixels or percentage).
Use percentages to have the cards resize with the browser.
Note The carousel script needs width to be set in pixels. It will handle the resizing itself
Min card width The minimum width in pixels where the card stops shrinking (when width is in percentages).
If the picture is on the side of the text (landscape mode), it will turn into portrait mode (text under the picture).
Perfect for responsive environments 
Max card width The maximum width in pixels where the card stops growing inside its container (when width is in percentages)
Card height The height of the card. Omitted, it will resize itself from its content (recommended)
Category
  • Show shows the category the contact is a member of
  • Show and link shows the category the contact is a member of and adds a link to the Joomla contact category view
  • Pro Show and link view shows the category the contact is a member of and adds a link to a trombinoscope view
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 common categories
Tags
  • Show shows the tags the contact is a member of
  • Show and link shows the tags the contact is a member of and adds a link to the Joomla tags view
  • Pro Show and link view shows the tags the contact is a member of and adds a link to a trombinoscope view
Note Tags use the 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 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
  • Pro Contact (Trombinoscope Contacts Pro) The contact card links to a Trombinoscope Contacts Pro component's Contact view
  • Pro Contact in modal (Trombinoscope Contacts Pro) The contact card links to a Trombinoscope Contacts Pro component's Contact view opening into a modal window
  • Contact (Joomla) the contact card links to the Joomla contact view
  • Contact (no form) in modal (Joomla) the contact card links to the Joomla contact view opening into a modal (the view cannot have a form or internal links)
  • Pro Contact picture in modal the contact card links to the picture of the contact (opening into a modal window)
  • Link A, B, C, D or E (same window) The contact card links to any of the contact links A through E, opening in the same window
  • Link A, B, C, D or E (new window) The contact card links to any of the contact links A through E, opening in a new window
  • Same link for all (same window) All contacts link to the same internal page
  • Same link for all (new window) All contacts link to the same external page
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)
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).
  • No
  • User profile edit the contact in the user profile (the ‘Edit contact in profile’ plugin must be enabled)
  • Pro 3.0 View edit the contact in its own view
Note The edition in the user profile only works if the user is linked to one and only one 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
  • Show shows the category as a heading. All contacts, members of that category, will show under that heading
  • Show and link shows the category as a heading and adds a link to the Joomla contact category view
  • Pro Show and link view shows the category as a heading and adds a link to a trombinoscope view
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 common categories
Heading tag The HTML heading to use (h1 through h6)

General link

General link
  • None
  • External link link to an external URL
  • Menu item link to any of the menu items available
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 btn class)

Related tutorials and topics

Featured Blogs