nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Experience builder custom login flow

How to allow user to login after clicking a "Sign In" button in Experience builder application, without using the default login, which shows login popup on page load itself.

Vind meer berichten getagd met

Accepted answers

I have achieved it by creating custom widget for user login and making use of SessionManager class.
API reference link https://developers.arcgis.com/experience-builder/api-reference/jimu-core/SessionManager/

All comments

Hi @Wei_Ying, @Jianxia

Is there an option like "locale: 'fr'" for signInParams so can popup French login window?

const signInParams = {

desUrl: props.portalUrl,

clientId: props.config.appClientID,

popup: true,

forceLogin: true

}

const userSession = await sessionManager.signIn(signInParams)

Thanks,

Ming

@AbdulabnanMohammed Thanks for asking. It is planned at 2nd quarter of next year.

AbdulabnanMohammed

Any update about custom login widget

@Saxina @Wei_Ying

Hi, can you please show some example code? My following code got error:

Code:

const sessionManager = new SessionManager()

const signInParams = {

desUrl: 'https://abc.com/portal/home',

popup: true

}

const userSession = await sessionManager.signIn(signInParams)

Error:

Cannot read properties of undefined (reading 'abc.com/portal')

---------

Thanks,

Ming

Hi Wei,

Is there any update on the Login widget? Thanks!

Thanks for your feedback and glad that your found a solution by yourself.
We are working on a Login widget that might solve this problem.

Thanks,
Wei

I have achieved it by creating custom widget for user login and making use of SessionManager class.
API reference link https://developers.arcgis.com/experience-builder/api-reference/jimu-core/SessionManager/

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.