White Label Mode

White-labeling settings are available for self-hosted SeekTable with an active "white-label mode" subscription. If you want to evaluate it before purchase you can request a free 14-day trial.

With these settings you can re-brand SeekTable app and make it a seamless part of your own internal systems - this might be especially important if you embed SeekTable reports into your web app with iframes:

SeekTable white-label mode settings

How to change SeekTable app color

By default SeekTable uses dark-green color for main-action buttons, left and top menu. You can change this color to match your company's logo or brand color by adding this CSS rule into Custom App CSS:

:root {
--st-color: #0d8f6a;
}

Note that published reports use separate CSS, so you might want to add it into Custom Public Report CSS too ("Public Report Page" tab).

How to change chart colors

SeekTable renders charts as SVG images with ChartistJS and it is possible to customize styles for charts with just CSS rules. Most typical customization is a change of colors; you can do that globally (for a whole app) in the following way:

  1. Go to AdminSystem setupWhite-label settings
  2. SeekTable defines 15 different colors for chart series. In CSS each color is identified with a set of CSS rules that have suffixes like -a, -b, -c, -d, -e, -f, -g, -h, -i, -j, -k, -l, -m, -n, -o.
    For example, to override the first color specify the rules:
    .ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
    	stroke: #c23531 !important;
    }
    .ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
    	fill: #c23531 !important;
    }
    .pvtChartLegend.pvtChart-series-a {
    	background-color: #c23531;
    }
    

    In the following places:

    • Custom App CSS
    • Custom Public Report CSS ("Public Report Page" tab)
    • Custom PDF export CSS ("PDF Export" tab)

    In the same manner you can re-define any of 15 colors (or all of them).

  3. This approach is fully applicable if you need to define custom chart colors only for concrete published report: you may specify CSS rules at Get LinkConfigureAdvanced PublishingCustom CSS (this is possible only for users with an advanced publishing subscription).

How to add a timestamp to PDF exports

In addition to the logo/brand you might want to add a generation date (or a timestamp) to PDF exports. This can be achieved with special tokens in the Custom PDF export footer HTML ("PDF Export" tab):

<span class="date-year"></span>-<span class="date-month"></span>-<span class="date-day"></span> 
<span class="date-hours"></span>:<span class="date-minutes"></span>