.. _trackme_admin_theme:

TrackMe theme for Tabulator
---------------------------

.. admonition:: **Theme for TrackMe main table component (Tabulator JS)**

    - TrackMe heavily uses a key component called Tabulator JS.
    - This component is used to display data in many forms, allowing various powerful and efficient user interactions in TrackMe.
    - Since TrackMe 2.0.87, we have added capabilities to customise the look and feel of the Tabulator component.
    - As an administrator, you can choose the **default system level Tabulator theme** for both TrackMe's Virtual Tenant UI and the home tenants UI.
    - These preferences can be user on a **per user level**, if set the user level preferences take precedence over the system wide settings.

Configuring the Tabulator theme & Icons theme preferences for Virtual Tenant UI & Home Tenant UI
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

**In TrackMe's configuration UI, you can choose the Tabulator theme:**

*Example for the Virtual Tenant UI:*

.. image:: img_v2/admin_guide_theme/screen001.png
   :alt: screen001.png
   :align: center
   :width: 1200px
   :class: with-border

.. image:: img_v2/admin_guide_theme/screen002.png
   :alt: screen02.png
   :align: center
   :width: 1200px
   :class: with-border

*Note: these are system wide settings, and will be effective for all TrackMe users.*

User level configuration for Tabulator theme & Icons theme preferences
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

**From the TrackMe Virtual Tenant user UI, any user can define its own set of preferences:**

.. image:: img_v2/admin_guide_theme/pref_user.png
   :alt: pref_user.png
   :align: center
   :width: 1200px
   :class: with-border

If a user has no preferences set, the system wide settings will be used.

Dark Site theme
~~~~~~~~~~~~~~~

This is the default Tabulator theme, starting from TrackMe 2.0.87:

.. image:: img_v2/admin_guide_theme/screen003.png
   :alt: screen003.png
   :align: center
   :width: 1200px
   :class: with-border

Dark Midnight theme
~~~~~~~~~~~~~~~~~~~

The Dark Midnight theme was the default Tabulator theme since TrackMe 2.0.0, and before TrackMe 2.0.87:

.. image:: img_v2/admin_guide_theme/screen004.png
   :alt: screen004.png
   :align: center
   :width: 1200px
   :class: with-border

Light theme
~~~~~~~~~~~

A light theme:

.. image:: img_v2/admin_guide_theme/screen005.png
   :alt: screen005.png
   :align: center
   :width: 1200px
   :class: with-border

Light Site theme
~~~~~~~~~~~~~~~~

A light alternative theme:

.. image:: img_v2/admin_guide_theme/screen006.png
   :alt: screen006.png
   :align: center
   :width: 1200px
   :class: with-border

Light Modern theme
~~~~~~~~~~~~~~~~~~

Another light alternative theme:

.. image:: img_v2/admin_guide_theme/screen007.png
   :alt: screen007.png
   :align: center
   :width: 1200px
   :class: with-border