Are you enjoying the extensions? Did you like the support? Help others decide.

Leave a review

Layout overrides

Trombinoscope Contacts

Since v2.4, some visual elements are displayed through layouts, allowing template overrides. These layouts are created for:

  • the trombinoscope view search and clear fields (tcpsearch.php),
  • the trombinoscope view alphabet index (tcpalphabet.php),
  • the trombinoscope view category index (tcpcategoryindex.php),
  • the trombinoscope view tag index (tcptagindex.php),
  • the trombinoscope view sort filter (tcpsort.php),
  • the trombinoscope list view column sort (tcpcolumnsort.php),
  • individual tags (tcptag.php),
  • the contact/trombinoscope views print/edit/vcard/download icons (tcpicons.php - previously called teicons.php),
  • the modals (tcpmodal.php),
  • v3.0 the contact information details,
  • v4.5 the trombinoscope view custom field index (tcplistfield.php),
  • v4.6 the trombinoscope view display number (tcpdisplay.php).

You can find the layouts under components/com_trombinoscopeextended/layouts.

As best practice, it is recommended to create overrides of those files rather than update them. That way, the next component update won't dismiss the changes you have made.

BEFORE creating layout overrides

Overrides are NOT updated when you perform an extension update. As such, they can soon become out of sync with the extension. You are not getting new features, bug fixes, security updates... Therefore, every time you update an extension you should make sure you check those overrides and keep them up to date. So, before you create an override, make sure:

  • the changes you need cannot just be accommodated with CSS
  • the Bootstrap compatibility of the extension is properly set (in the advanced tab, set the Bootstrap compatibility parameter to match your template's)

Creating layout overrides

Go to the layouts section of your template's Create overrides tab, select the com_trombinoscopeextended extension and then click on the desired layout folder (find detailed explanations about the content of those folders below).

The layouts ready for override
The layouts ready for override

Go back to the Editor tab. You will find the layout overrides under /html/layouts.

The created layouts overrides
The created layout overrides


Holds the icons, modal and tag layouts.

  • tcpicons.php shows the icon selection (print, edit, vcard, download as csv)
  • tcpmodal.php has the code to show the modals
  • tcptag.php represents the tags

The module and the component views share the tag and modals layouts. Any override made will be used throughout.


Contains all layouts that create the contact details' outputs.

  • tcp_detail_address.php outputs the address
  • tcp_detail_empty.php outputs an empty field
  • tcp_detail_editor.php for all data that include html tags
  • tcp_detail_generic.php for all data that has no specific layout
  • tcp_detail_link.php for all generic links
  • tcp_detail_mailto.php for mailto links
  • tcp_detail_name.php outputs the name
  • tcp_detail_phone.php outputs all phone numbers
  • tcp_detail_social.php outputs all social media links
  • tcp_icondetail_link.php for all generic links shown as icon only
  • tcp_icondetail_mailto.php for mailto links shown as icon only
  • tcp_icondetail_phone.php for phone numbers shown as icon only
  • tcp_icondetail_social.php for social media links shown as icon only
Third party custom fields

You can specify which third party custom fields you want to make available in the extension as detailed information. Go to the Shared options tab of the global configuration of the extension.

The fields will not show in the extension's outputs unless you add specific layout overrides for them. In the /details folder, add the layout tcp_detail_jfield_[field plugin element name].php, which will represent the field type. If the field should also be used as link field (where information is represented as a clickable icon), add the layout tcp_icondetail_jfield_[field plugin element name].php. It is easier to just copy one of the other detail layouts, renamed and modified.

Tutorial Learn how you can add a third-party telephone field.


Contains all the pagination-related layouts (sort, alphabet, category and tag index).

  • tcpalphabet.php outputs the alphabetical index
  • tcpcategoryindex.php outputs the category index
  • tcpcolumnsort.php deals with arrows for column sort (list view only)
  • tcpdisplay.php outputs the display number select box
  • tcplistfield.php outputs the custom field index
  • tcpsearch.php outputs the search field
  • tcpsort.php outputs the sort filter
  • tcptagindex.php outputs the tag index

v4.5 The new custom field index layout (tcplistfield.php) allows you to use any custom field of list type as index for the contacts. In the event you do not use a label, an invisible label is still required for accessibility purposes. The label is present in the layout but requires that you translate it by creating a language override for the key COM_TROMBINOSCOPEEXTENDED_FILTERFIELD_[field name]. Create a key for every custom field you are using as index filter.

AFTER creating layout overrides

Modify the files at your will. They will have precedence over the extension's files. Therefore, if you want to go back to the original outputs, you should delete the overrides that you have created.

Tip When clicking on a folder, all layouts are copied over to the [current_template]/html/layouts/com_trombinoscopeextended template folder. This happens even if you just want to only change one layout. Only keep the layouts overrides that need modifications. Delete all other layouts. This will help you down the road for maintenance (you will know that the files present have been modified for sure).


The layout suffix

You can use different overrides of the same layout for the directory view. Just set the advanced parameter Layout suffix. By doing so, you are giving priority to the layouts that will contain that suffix in the name of the override.

For instance, you can override tcpcategoryindex.php but also have another menu item using a slightly different output. Just add the layout suffix (for example 'xyz') in the menu item's advanced parameters to give priority to the override

Related tutorials and topics

Featured Blogs