Hello, we are working with MFA in our application. In the multifactor authorization page, we saw the following code snippet provided by Auth0. Can you provide us some information about the variable “iconUrl”? For example, how can we set the value of this variable and how to get it? In the default MFA page code, we could not find any value assignment for this variable still custom image were shown in MFA lock page.
We tried to find details about this variable “iconUrl” but couldn’t find anything useful. It would be great help if you can provide some information.
Thanks!
Hi @sudipa.saha,
Welcome back to the Auth0 Community!
The iconUrl is the URL for the image used in the header. The default is the Auth0 logo. The recommended height is 58 pixels.
I’d recommend checking these articles for more information:
Also, the icons for the MFA options aren’t changeable currently. This would need to be a feature request here: Feedback - Auth0 Community
Please let me know if this answers your questions after reviewing the knowledge solutions.
Thanks,
Timotei
Hi petre.timotei
Thank you for the reply. We have gone through the provided documents. We get it that iconUrl is the URL for the image used in the header. Our question is when this value is set as we could not find any value assignment for iconUrl in the default MFA page. Also, is there any way to update iconUrl value from Auth0 dashboard instead of directly assigning a url to it?
For example, in the MFA lock page, we see a default logo. How can we change the logo using iconUrl from Auth0 dashboard without directly assigning a url to it?
Thanks!
Hi @petre.timotei,
We have read the aforementioned documents and understand that we can assign the icons and primary color of the widget as described. However if you observe the code snippet in the post, the application uses the iconUrl and primaryColor liquid variables to dynamically set the theme options.
As per our understanding these variables should be derived from the Universal Login > Settings page’s Customization section. But this is not the case for the application in question, as seen below:
We would like to know where the iconUrl and primaryColor liquid variables are set or if they are even changeable? Please take a look at this case and let us know.
Thank you!
