How to Implement Branding of Login Screen. Login Interface Text is not working in self-hosted
⚙️Configuration🏬Self-hosted❓Question❌Unsolved
After logging in, I saw Zitadel as an organisation with a resource ID of "3633292529737007." I click Appearance->Modify, upload the logo and icon files, and change the background colour and apply changes. I also change Login Interface Text->English Language->Login (Login Screen/Interface) ->Description set to “Test Login data” and title to “This is the test of Branding..”
After “Applying Configuration” and accessing the URL https://sso.domain.io in a browser, it redirected to the URL, https://sso.domain.io/ui/v2/login/loginname?requestId=oidc_V2_363598716151555771, but there was no change in the login screen; it showed the default screen, “Welcome Back!” with a logo and new background colours. But no change in login text
Then I tried the following URL:
https://sso.domain.io/ui/login?org=zitadel
https://sso.domain.io/ui/login?org=3633292529737007
https://sso.domain.io/ui/v2/login?org=3633292529737007
The same result occurred: it displayed the default screen with the logo and the new background colour: "Welcome Back!" ”.
Then I try https://zitadel.sso.domain.io… I get an error…”unable to set instance using origin &{zitade.sso.domain.io https} (ExternalDomain is sso.domain.io): ID=QUERY-1kIjX Message=Instance not found. Make sure you got the domain right. Check out https://zitadel.com/docs/apis/introduction#domains.” I set the wildcard certificate *.sso.domain.io, and nslookup for zitadel.sso.domain.io resolves to an IP address.
There is very strange behaviour. In the Chrome browser I can see the logo and the new background screen color on the login screen. But in all other browsers – Firefox, Internet (Android), and Microsoft Edge – I don’t see the logo and the new changed background colour. The reason is unknown to me.
The fact is that I don’t see value set by “Login Interface Text” in any of them.
Complete config details and other details are given in the attached pdf file.
After “Applying Configuration” and accessing the URL https://sso.domain.io in a browser, it redirected to the URL, https://sso.domain.io/ui/v2/login/loginname?requestId=oidc_V2_363598716151555771, but there was no change in the login screen; it showed the default screen, “Welcome Back!” with a logo and new background colours. But no change in login text
Then I tried the following URL:
https://sso.domain.io/ui/login?org=zitadel
https://sso.domain.io/ui/login?org=3633292529737007
https://sso.domain.io/ui/v2/login?org=3633292529737007
The same result occurred: it displayed the default screen with the logo and the new background colour: "Welcome Back!" ”.
Then I try https://zitadel.sso.domain.io… I get an error…”unable to set instance using origin &{zitade.sso.domain.io https} (ExternalDomain is sso.domain.io): ID=QUERY-1kIjX Message=Instance not found. Make sure you got the domain right. Check out https://zitadel.com/docs/apis/introduction#domains.” I set the wildcard certificate *.sso.domain.io, and nslookup for zitadel.sso.domain.io resolves to an IP address.
There is very strange behaviour. In the Chrome browser I can see the logo and the new background screen color on the login screen. But in all other browsers – Firefox, Internet (Android), and Microsoft Edge – I don’t see the logo and the new changed background colour. The reason is unknown to me.
The fact is that I don’t see value set by “Login Interface Text” in any of them.
Complete config details and other details are given in the attached pdf file.
zitadel-branding-support.pdf103.17KB
