How to Branding the Backend?
Andrea
Last Update 2 个月前
Select Settings, from side menu. Go to tab Style.

In the White Label / Branding section, you can fully customize the appearance of the application to align with your brand's identity. Use these settings to replace the default styling with your own logo, colors, and messaging:
- Application Name: Enter the custom name you want to appear in the browser tab and throughout the system.
- Sidebar: Choose the visual style and behavior for the main navigation menu on the left.
- Dark Mode: Enable this toggle to allow the system to be displayed in a dark color scheme.
- Font: Select a primary font to be used across the entire application interface.
- Theme Colors: Customize the color palette for the system interface and the sidebar to match your brand colors.
- Welcome Message: Create a personalized greeting that will be displayed on the main dashboard for all users.
- Logo: Upload your company logo to replace the default application branding.
- Background Images: Upload custom images to be displayed on the login, registration, and password reset screens.
For the login and registration screen's appearance, you can customize the "Login Theme" and "Register Theme choosing from 2 different styles:



In the Footer section, you can add external links that will be displayed in the footer of the panel. This can include links such as Help, Terms and Conditions, etc. You can also add plain text if desired.

Beyond the standard system links, you can expand the side menu with your own personalized entries. This is ideal for linking to your website, help documentation, or internal resources:
- Icon: Choose a visual icon from the library to represent your custom menu item.
- Name: Enter the label that will appear in the sidebar for this item.
- Link: Provide the destination URL. You can choose how the content is handled:
- External: The link will open in a new browser tab or window.
- Embedded: The link will open directly within the application interface using an iframe, keeping the user inside the dashboard.
- Trigger (click): Instead of a URL, you can input a specific CSS ID or Class (e.g., #myButton or .open-modal). When the menu item is clicked, it will trigger that specific element within the page rather than navigating away.

Don't forget to save your changes by clicking Save in the top of the page.
