Banner Trombinoscope Contacts

The module and the views create minified stylesheets ‘on-the-fly’ (troubleshoot here if you have file permission issues for versions prior to v2.5.0). Each stylesheet will differ by the parameters that are selected and by the user additions (CSS tweaks or overrides entered in the module instances or views).

A stylesheet common_styles-min.css is also used by all module instances. It reduces the CSS footprint when using multiple instances on a single page.

You may want to add your own styles that are common to all module instances or views (for CSS additions specific to a view or a module instance, use the Additional CSS parameter).

Module instances user styles

All properties will start with .te. In order to avoid loading those styles through the template (therefore loading the styles on every page, even when no module instance is present on that page), a simple mechanism has been put in place:

  • add the file common_user_styles.css to the module’s /themes folder,
  • add the file common_user_styles-min.css to the module’s /themes folder to load a minified version of your tweaks. It has precedence over the non-minified version.

The module will look for those files and load the right version alongside all the other module's stylesheets (if the minified version is not found, it will load the non-minified one).

Power users: it is possible to disable the module styles altogether and replace them with your own:

  • add the file substitute_styles.css to the module’s /themes folder,
  • add the file substitute_styles-min.css to the module’s /themes folder to load a minified version of your CSS properties. It has precedence over the non-minified version.

Having any of those files in the /themes folder will disable the ‘on-the-fly’ stylesheet creation and prevent loading of the common files. Only the right version of your file will be used (if the minified version is not found, it will load the non-minified one).

Pro

Views user styles

All properties will start with .te_trombinoscope form for the Trombinoscope view and with #te_contact for the Contact view. In order to avoid loading those styles through the template (therefore loading the styles on every page, even when no view is present on that page), a simple mechanism has been put in place:

  • add the file common_user_styles.css to the component's /assets/themes/[the view] folder,
  • add the file common_user_styles-min.css to the component's /assets/themes/[the view] folder to load a minified version of your tweaks. It has precedence over the non-minified version.

The view will look for those files and load the right version alongside the other view's stylesheet (if the minified version is not found, it will load the non-minified one).

General notes

Note The previous files (common_user_styles.css, substitute_styles.css and their minified versions) won't be removed on module or component update.

Note Minifying the code has to be done manually (you can use a tool such as the one found at cssminifier.com).

Trombinoscope Contacts v2.7.0
Trombinoscope Contacts Pro v2.7.0