Custom Code

Custom Code

Custom Code lets admins inject CSS and JavaScript into the Slayte platform. Use it to extend the default appearance, embed third-party widgets, or override specific interface styles.

Open Custom Code

  1. Click nav-admin Admin in the left navigation.
  2. Click Design, then click Custom Code.

Two tabs appear. The CSS tab accepts stylesheet rules. The JavaScript tab accepts scripts that run on every page load.

Add custom CSS

Click the CSS tab and paste your stylesheet rules into the editor. Rules here override the platform's default styles. Click Save to apply. Changes take effect immediately on your next page load.

A common use is setting a custom logo via CSS when the Site Layout uploader does not give enough control over placement or sizing.

Add custom JavaScript

Click the JavaScript tab and paste your script into the editor. The script runs on every page load after the platform renders. Use this for analytics tags, chat widgets, or custom behavior scripts.

To embed a third-party widget like a support chat tool, paste the widget's embed script here. The widget loads on every page across the platform.

Example: change the navigation panel color

The following CSS targets the left navigation panel and sets it to a dark blue background.

.nav-panel { background-color: #1a2b4c !important; }
Warning
Custom CSS and JavaScript run on every page for every user. Test changes in a staging environment if possible. Errors in custom code can affect the platform for all users. Keep custom code minimal and well-commented for future maintainability.

    • Related Articles

    • Custom Logo

      Slayte supports a custom organization logo in the top navigation bar. Upload a logo through Site Layout for the standard placement, or use the Custom Code tab to apply a CSS-based override for more precise control. Upload a logo through Site Layout ...

    • Colors & Fonts

      Colors & Fonts lets admins set the platform's typeface and brand colors. These settings apply across all modules and pages in Slayte. Open Colors & Fonts Click Admin in the left navigation. Click Design, then click Colors & Fonts. Font Select the ...

    • Domains

      The Domains section lets admins configure a custom domain for the Slayte platform. With a custom domain, your platform URL uses your organization's domain instead of the default Slayte subdomain. Open Domains Click Admin in the left navigation. Click ...

    • User Profile Fields

      User profile fields define what information Slayte collects for every user on the platform. Admins add custom fields beyond the defaults, set them as required or optional, and control the order they appear on every user's profile. Default profile ...

    • PDF Templates

      Administrators upload a custom HTML template to control how Slayte generates PDF exports of individual submissions. Use a custom template when you need specific branding or want to include only certain submission fields in the export. Upload a ...