Branding & Customization

OLAF allows you to customize branding elements to provide a seamless and cohesive experience across your applications. You can manage global branding settings for email preferences or apply app-specific styling for UI customization.

Brand Settings

Branding settings are located under Tools & Preferences → Customizations and allow you to configure branding elements that apply to all applications.

Email Preferences

Currently, users can edit the Logo URL property, which updates the branding in emails sent by OLAF across all applications.

How to Edit Email Branding

1. Navigate to Tools & Preferences → Customizations.
2. Locate the Email Preferences section.
3. Update the Logo URL field with the new logo link.
4. Save changes to apply the updated logo across all emails.

App-Specific Styling

For more granular styling, OLAF provides per-application customization under the Styling Tab of each application.

Adding Styles

To define custom styles for a specific application:

1. Navigate to Applications and select the desired application.
2. Open the Styling Tab.
3. Click Add Styles to open the styling configuration dialog.
4. Enter multiple style properties with the following fields:

• Name: The style property identifier.
• Type: Defines the type of property (e.g., Text, URL, Color).
• Value: The actual styling value.

Managing Styles

• Once styles are added, they appear in a list within the Styling tab.
• Users can edit existing styles by modifying their values.
• Styles can be removed if they are no longer needed.

Accessing Styles

Defined style properties are returned as part of the application’s configuration response. This allows applications to dynamically apply styling based on the stored properties.

• How to Retrieve Styles:
  • The styling data is included in the application configuration response.
  • Users can retrieve these styles via OLAF’s API or through the SDKs.

For implementation details, refer to:

• API References for retrieving application configurations.
• SDK Documentation for how SDKs automatically apply styles.

Best Practices

• Ensure Logo URLs are publicly accessible for correct rendering in emails.
• Use consistent styling conventions across applications to maintain a cohesive brand identity.
• Regularly review and update app-specific styles to align with evolving UI/UX requirements.