How to get access to organization logo in forms

Help
,
1

Hello,

I added a new form in the signup flow using the forms feature. I use organizations feature in my tenant. How can I get access to branding information such as organization logo in a form ?

Thanks

3

Hi @ozum.safaoglu

Welcome to the Auth0 Community!

I would recommend using the Image component available in the Forms, however, you will need to manually insert the organization’s logo image url.

Otherwise, the only other way that I believe you can retrieve the organization logo would be by using the Custom or HTML components, building custom code to retrieve the logo_url through the Management API. You review our documentation here about the matter. The response schema of the request will include the logo under the branding value ( branding.logo_url ).

Otherwise, you can also attempt to request the logo via the Custom API Request flow and then assigning it inside a component.

You can read our documentation about the Custom component and HTML.

Hope the information above is useful! If you have any other questions, feel free to leave a reply!

Kind Regards,
Nik

4

Is it not possible to pass the logo of the organization in the action where I start the form flow ? Does the “event.organization” has branding available ?

5

Hi again,

The event.organization value does not hold any branding information for the organization. You would still need to use the Management API to retrieve the logo URL. Since you can accomplish that with a flow, It would be easier to accomplish everything inside the flow then passing the logo_url from the action to the flow.

Alternatively, you can retrieve the logo_url inside the action then pass it to the form as a shared variable as below:

exports.onExecutePostLogin = async (event, api) => {
  api.prompt.render(':form_id', {
    vars: {
      org_logo: your_organization_logo_url
    }
  });
}

exports.onContinuePostLogin = async (event, api) => {
  // Add your logic after completing the form
}

This is explained in our documentation.

Kind Regards,
Nik