Skip to main content

Customization Details

Favicon

  • What is a Favicon:
    A favicon is a small icon displayed in the browser tab, bookmarks, and history next to the website title.
  • Purpose:
    Changing the favicon aligns the application with the customer's branding, enhancing brand recognition.
  • How to See Changes:
    After replacing the favicon, refresh the browser page to see the updated icon in the tab header and bookmarks.

Logos (Light & Dark Versions)

  • Overview:
    Two versions of the logo are supported:
    • Light Logo: Used with the light theme.
    • Dark Logo (Logo dark): Optimized for the dark theme.
  • Purpose:
    Separate logo versions ensure that the branding remains clear and visually appealing regardless of the chosen theme.
  • Display Location:
    Both logos appear in the upper left corner of the application, automatically switching based on the active theme.

CSS Customization (Predefined File vs. Custom CSS)

  • Options:
    • Predefined CSS File:
      A ready-made CSS file containing all the necessary custom styles.
    • Custom CSS Field (Code Editor):
      An integrated editor allowing direct input of CSS code.
  • Step-by-Step Process:
    1. Identify the Required Selector or Variable:
      • Open the application in your browser.
      • Right-click the target element and choose “Inspect Element” (or “View Code”) to open DevTools.
      • Locate the relevant CSS selector or variable.
    2. Test Changes in DevTools:
      • Modify the CSS directly in DevTools to preview the changes in real time.
    3. Apply the Changes:
      • For a permanent update, either upload the updated CSS file or paste the modified code into the Custom CSS field.
    4. Verify the Result:
      • Save your changes and refresh the page to ensure the new styles are correctly applied.

Default Settings

  • Explanation:
    The "Default" field designates that the given White Label item is applied by default. If no alternative configuration is selected, these settings will be automatically active.

Multiple White Label Items

  • Flexibility:
    The system supports the creation of an unlimited number of White Label items, allowing for diverse configurations tailored to various brands or projects.

Marketplace Configuration

  • Overview:
    White Label items can be further configured for publication in the Marketplace, enabling reuse across different projects.
  • Instruction Placeholder:
    [Arkadiy]

Import/Export Functionality

  • Overview:
    The import/export feature allows easy transfer of White Label configurations between projects, supporting backup creation and sharing.
  • Instruction Placeholder:
    [Arkadiy]
Back to top