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.

Encontre mais publicações marcadas com

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/

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

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