Pass Application Logo or Tenant Logo to the Auth0 Form Image Source URL

Knowledge Articles
1

Overview

This article will explain how to pass a tenant or application’s logo in an Auth0 Form or Action. In the current design, the tenant.logo or client.logo properties are not available in Auth0 Forms / Flows.

Applies To

  • Auth0 Forms / Flows
  • tenant_log
  • client_logo

Solution

Define a logo_url in the application metadata. Please see this screenshot:
SCR-20250721-mfzh
Use event.client.metadata.logo_url at the Action and send it to the form as vars. Here is the sample action script:

/**
* Handler that will be called during the execution of a PostLogin flow.
*
* @param {Event} event - Details about the user and the context in which they are logging in.
* @param {PostLoginAPI} api - Interface whose methods can be used to change the behavior of the login.
*/
exports.onExecutePostLogin = async (event, api) => {
  api.prompt.render(event.secrets.FORM_ID, {
    vars: {
      logo_url: event.client.metadata.logo_url
    }
  });
};

/**
* Handler that will be invoked when this action is resuming after an external redirect. If your
* onExecutePostLogin function does not perform a redirect, this function can be safely ignored.
*
* @param {Event} event - Details about the user and the context in which they are logging in.
* @param {PostLoginAPI} api - Interface whose methods can be used to change the behavior of the login.
*/
exports.onContinuePostLogin = async (event, api) => {

};

Use the variable in the form Image URL. Please see this screenshot.
SCR-20250721-mfzh