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; } } }

Authentication widget

henrilebon974

Hello ESRI,

Could you share the code of the widget below please. it is is the builder (top right). I think it could be pretty good to have a very good authentication widget in our Experience Builder Apps.

Thanks.

Find more posts tagged with

ArcGIS Online

ArcGIS Enterprise

Widget

Status: Open

Comments

SaiBharadwaj

Thank you very much @henrilebon974 . I will try to implement this.

henrilebon974

Hello,

You can add it in a widget like this.

SaiBharadwaj

Hi. Can you share methodology how to implement this. Thanks

henrilebon974

Thank a lot Doug. I'm going to try that.

DougLogsdon2

@henrilebon974,

After digging, I found this (undocumented) component:

import { UserProfile} from 'jimu-ui';

<UserProfile
  className="left esri-header-account-image"
  portalUrl={this.props.portalUrl}
  user={this.props.user}
  helpUrl={this.props.config.helpUrl || this.props.portalUrl} >
</UserProfile>

It will pull the current user, icon, etc from the active session and update through state changes.

For initial login, use the SessionManager:

onSigninClickHandler = () => {
  let sm = SessionManager.getInstance();
  sm.signIn();
}

Best of luck!