White Label Customization Capabilities

This chapter outlines the full range of customization options available through our White Label system. It covers everything from minor visual updates (like favicon changes) to extensive modifications via custom CSS. In addition, it explains default settings, the creation of multiple configuration items, and integration with the Marketplace.

Favicon

Logos (Light & Dark Versions)

CSS Customization (Predefined File vs. Custom CSS)

Below is an illustrated example of the CSS Customization Step-by-Step Process:

  1. Objective:
    In this example, we will change the color of the table header.

    image.png


  2. Locate the Element:
    Find the target element in the element tree.
    (Right-click on the target element and select "Inspect Element" (or "View Code") to open DevTools.)

    image.png

  3. Identify the Style and Selector:
    Look for the style that applies the current color to the element, and note the corresponding selector.
    Test different colors directly in DevTools until you select the desired one.

    image.png

  4. Apply the Changes:
    Once the color is finalized, copy the selector and the new style into your CSS file or the Custom CSS field.

    image.png

  5. Enhance Specificity if Needed:
    In some cases, to ensure your style takes precedence, add the !important declaration to the property.

Default Settings

Explanation:
The "Default" field indicates that the specific White Label item is applied by default. If no alternative configuration is selected, these settings will automatically be active, ensuring a baseline level of customization.

Multiple White Label Items

Flexibility:
Our system supports the creation of an unlimited number of White Label items. This allows for tailored configurations for different brands or projects, providing maximum flexibility.

Marketplace Configuration

Import/Export Functionality