ie02e (ie02e) asked a question.
I have designed a custom Sign In Page for the custom domain. In this Sign In Page, I am able to fetch the Source System (Okta Integrated) Application's label and name value and pass them to custom Sign In Page using the following object is returned by invoking OktaUtil.getRequestContext() in Okta Identity Engine. This fetched Application's label and name value are displayed in the Header part of the custom Sign In page.
{
"app": {
"type": "object",
"value": {
"name": "sample_client",
"label": "Demo App",
"id": "0oadday782XUlHyp90h3"
}
},
"authentication": {
"type": "object",
"value": {
"request": {
"max_age": -1,
"scope": "openid",
"display": "page",
"response_type": "code",
"redirect_uri": "https://example.com/enduser/callback",
"state": "VqpCUgGCSYkbwuCfnqHLSehAJvI5En1XxtywWxfiGSXQ0bVeSNKMh4gscswtUhPa",
"code_challenge_method": "S256",
"nonce": "i2Q3rgA3fPGx3f9yfuglKc0PdzZRB8tODSoJFWMZSccH6Hi4dhIXGl6PNFj0pyUo",
"code_challenge": "C0bfLXeyH61AWEyznLh-JsZP55uJTJqxGAhXBcH-lO8",
"response_mode": "query"
},
"protocol": {},
"issuer": {
"name": "default",
"uri": "https://{yourOktaDomain}/oauth2/default"
}
}
}
}
How to fetch the logo image and its location URL of the requesting Source client application in the Target Client (custom sign in page) so that I can load that image in the header part of the custom sign in page?
How to fetch the default Font name used by Okta within the Custom Sign In Page so that it can be applied to custom footer part.
Please provide the appropriate advice and guidance to fulfil above requirements.
Many thanks in advance.
I'm not finding any documentation or examples that shows that the logo is returned by "OktaUtil.getRequestContext()" so perhaps you'll need to make a call to the API "GET /api/v1/apps/**appguid**" as it returns an apps logo path and name as shown in the response portion I'm showing below. https://developer.okta.com/docs/reference/api/apps/#get-application
"_links": {...
"logo": [
{
"name": "mylogo",
"href": "https://op3static.oktacdn.com/fs/bco/4/...",
"type": "image/png"
}
]
Regarding the default Font name, I am not sure how to pull the value programmatically but would not think this would change much so maybe you could just render the page once and grab the Font info from the CSS using F12 developer tools of your browser and then hard code that value for your footer.
Thanks for your response.
I checked the the API "GET /api/v1/apps/**appguid**" but in order to call the API it needs authorization token in the java script code of custom sign in page which need to be avoided.
I will check theabout the default font name.
Thank you for reaching out to Okta Community.
Please feel free to open a support case with us in order to further investigate the requests. One of my colleagues will gladly assist you with all the information that you might need.
Thanks for your response.
I will open a support case with Okta Support for this request.