idea Sign Out Button/Option for Experience Builder in ArcGIS Experience Builder Ideas

Sign Out Button/Option for Experience Builder

LARAPAdmin — Mon, 09 Nov 2020 23:28:38 GMT

My organization loves the new Experience Builder application. They love how they can access multiple AGOL applications/tools and resources in one application. However, we are looking for the ability to sign out users. When my organization's users need to leave their desks, they often close their browsers to exit the application and ensure that they have signed out securely. Instead, they would like a button or an option to sign out of the application securely and take them to the sign in page of the application when they are ready to sign in again.

This would be a great enhancement to Experience Builder, especially as more organizations are using this application for everyday operations.

Thanks!

Carlos

Re: Sign Out Button/Option for Experience Builder - Status changed to: Under Consideration

DavidMartinez — Thu, 12 Nov 2020 04:11:28 GMT

Hi Carlos,

So basically you would like to have an option to include a sign out button in your experience, correct? I am going to add this as an issue to see if we could add a feature to include a sign out button to log out the current user in an active session.

Re: Sign Out Button/Option for Experience Builder

LARAPAdmin — Fri, 13 Nov 2020 17:22:21 GMT

Hi David,

Yes, that is correct. We would like that feature so that our users can sign out when they have to leave their active session and sign in when they are ready to go back.

We hope to see this feature soon.

Thank you so much!

Carlos

Re: Sign Out Button/Option for Experience Builder

AllisonMuise2 — Wed, 20 Oct 2021 14:45:09 GMT

This is something my organization also needs. We have departments accessing sensitive information and they are asking for a definitive way to sign out of the application.

Re: Sign Out Button/Option for Experience Builder

rnrwang — Tue, 04 Jan 2022 19:34:58 GMT

YES PLEASE. This is a no-brainer for sites w/ sensitive information. We need this ASAP!

Re: Sign Out Button/Option for Experience Builder

MichelleWang1 — Tue, 19 Apr 2022 22:06:05 GMT

We also need this sign out option. Please let me know when this is going to be available.

Re: Sign Out Button/Option for Experience Builder

StevePritchard1 — Mon, 20 Feb 2023 10:01:25 GMT

We also need a sign out button - users are accessing/entering sensitive data.

Is there any progress on this?

Re: Sign Out Button/Option for Experience Builder

johnbrosowsky — Fri, 12 May 2023 22:27:10 GMT

We also need this, as we also have an EXB app with sensitive data in public safety, law enforcement, and health/life safety areas.

Re: Sign Out Button/Option for Experience Builder

Ranga_Tolapi — Thu, 21 Dec 2023 03:34:47 GMT

We also need this Sign In/Out.

Re: Sign Out Button/Option for Experience Builder

HollyTorpey_LSA — Mon, 08 Jan 2024 17:44:01 GMT

We need this too. It's also helpful for users to be able to see which account they're signed in with and switch accounts if necessary. I know I can just jump into Portal or AGO and do this, but for most of our end users, that's not intuitive.

@DavidMartinez @AlixVezina @Jianxia Can you provide an update on this idea? I checked the roadmap but didn't see any mention of it. Thanks! 🙂

Re: Sign Out Button/Option for Experience Builder

AudeBLEUZEN — Tue, 06 Feb 2024 12:59:46 GMT

Hello,

This discussion has been ongoing since 2020 !...

And nothing news about this update...
So sad because I need this too.
Is it possible to have a clear answer from #ESRI?

Is it possible Yes or No to include this option in the 2024 road map please?

Many thanks

Re: Sign Out Button/Option for Experience Builder

Jianxia — Tue, 27 Feb 2024 20:40:20 GMT

@AudeBLEUZEN , the feature is under the consideration. However the priority in 2024 s to migrating WAB widgets over. See the 2024 roadmap.

Re: Sign Out Button/Option for Experience Builder

johnbrosowsky — Wed, 28 Feb 2024 23:11:40 GMT

You can try putting a button on your experience with a label like "sign out" and configure the button to link to a URL and open in app window:

https://www.arcgis.com/sharing/rest/oauth2/signout?client_id=arcgisonline&redirect_uri=https://experience.arcgis.com/experience/YOUR_WEB_EXPERIENCE_ITEM_ID/?org=YOUR_ORG_SHORTNAME&signout=true

Re: Sign Out Button/Option for Experience Builder

AndreasEugster — Fri, 01 Mar 2024 13:52:35 GMT

Needed! Homogeneous across all esri apps (Storymap has it, Dashboards doesn't, ...).

It is criticized by our information security after pen-tests, so we actually have to manually squeeze a logout button / ref link into all these products now... would love to see this built in.

Re: Sign Out Button/Option for Experience Builder

johnbrosowsky — Fri, 01 Mar 2024 14:13:39 GMT

@AndreasEugster - dashboard already has it built in. Just add the header element to your dashboard and then you user can sign out from the menu button on the far right side of the dashboard header.

Re: Sign Out Button/Option for Experience Builder

PamelaLocke1 — Wed, 06 Mar 2024 15:28:33 GMT

This really would be helpful! Currently having an issues of people accessing an Experience Builder app through a mobile device and there is no option to sign in. They have to log into portal first, then find the EXB. app, and then open it...too many steps.

Re: Sign Out Button/Option for Experience Builder

Joel — Mon, 01 Apr 2024 13:24:29 GMT

Yes, please add this.

Besides protecting maps from the wrong viewers, it helps with testing apps.

Re: Sign Out Button/Option for Experience Builder

MattBell1 — Thu, 11 Apr 2024 18:03:19 GMT

Please add this! Testing various users access to data and layers is a PITA without a sign out button. Such a pain to close out, clear cookies, and reopen.

Re: Sign Out Button/Option for Experience Builder

peterverwey_ses — Tue, 25 Mar 2025 03:11:04 GMT

Hi there,

Fully support this request.

As a developer and user I work with a large range of user logins and a Sign In / Sign Out option is essential to manage my Experience Builder sessions.

Would love to see this in the next release.

Many thanks, Pete

Re: Sign Out Button/Option for Experience Builder

DanielRivero — Tue, 25 Mar 2025 13:46:04 GMT

I did my own widget to logout, this do a similar popup that you have on the portal site. The only thing I did not have time is to override the onclick before the default widget window open. I would appreciate if anyone find that.

Note

import { React, getAppStore, appActions, type IMUser, type IMState, jsx, type AllWidgetProps } from 'jimu-core' import { WidgetPlaceholder, Button, Card, CardBody, Popper } from 'jimu-ui' import { useEffect, useState, useRef } from 'react' import { useSelector } from 'react-redux' import '../style.css' export default function Widget (props: AllWidgetProps<any>) { const portalUrl = props.portalUrl?.toString() useEffect(() => { console.log('Widget montado en Experience Builder 1.15') //Uncomment this if you just want to logout directly (**) //handleLogout() getAppStore().dispatch(appActions.closeWidget(props.widgetId)) }, []) useEffect(() => { console.log('Antes de obtener el controllerwidgetid' + props.widgetId) if (props.widgetId) { console.log('Seteando variable del controller') const btn = document.querySelector('[data-widgetid="' + props.widgetId + '"] button') if (btn) { const btnHtml = btn as HTMLElement setControllerBtn(btnHtml) setVisible(true) //Eliminamos cualquier 'onclick' que tenga el elemento, para evitar acumulación de eventos btnHtml.onclick = null btn.addEventListener('click', (event) => { event.stopPropagation() // Evita propagación de eventos toggleMenu() }) } } }, [props.widgetId]) const getClientId = () => { const state = getAppStore().getState() return state?.clientId || 'No se encontró Client ID' } const handleLogout = async () => { // :keycap_1: Hacer logout en ArcGIS const clientId = getClientId() // Tu client_id const redirectUri = encodeURIComponent(window.location.origin + window.location.pathname) // Redirigir a la app //if (!getAppContext()?.isInBuilder) redirectUri = window.location.href const logoutUrl = `${portalUrl}/sharing/rest/oauth2/signout?client_id=${clientId}&redirect_uri=${redirectUri}` try { await fetch(logoutUrl, { credentials: 'include' }) // :keycap_2: Borrar credenciales almacenadas document.cookie.split(';').forEach((c) => { document.cookie = c .replace(/^ +/, '') .replace(/=.*/, '=;expires=' + new Date().toUTCString() + ';path=/') }) sessionStorage.clear() localStorage.clear() //if (!appContext.isInBuilder) // :keycap_3: Redirigir manualmente a la página de inicio window.location.href = window.location.origin + window.location.pathname } catch (error) { console.error('Error al cerrar sesión:', error) } } const [visible, setVisible] = useState(false) const [controllerBtn, setControllerBtn] = useState<HTMLElement | null>(null) // Obtener usuario autenticado desde ArcGIS Experience Builder const user: IMUser = useSelector((state: IMState) => state.user) const username = user?.username || 'Usuario desconocido' const fullName = user?.fullName || 'Usuario' const userThumbnail = user?.thumbnail ? `${portalUrl}/sharing/rest/community/users/${username}/info/${user.thumbnail}` : require('../anonimo.jpg') // Alternar visibilidad del menú const toggleMenu = () => { setVisible(!visible) } // Cierre de sesión const cerrarSesion = () => { const confirmar = window.confirm('¿Estás seguro de que deseas cerrar sesión?') if (confirmar) { handleLogout() setVisible(false) } } //Just return null if you only want logout, in that case don't forget to uncomment (**) //return null return ( <div> { /* Menú desplegable desde el botón del controlador */ } {controllerBtn && ( <> {/* Agregar evento al botón del controlador para abrir el menú */} <Button onClick={toggleMenu} style={{ visibility: 'hidden' }}> Invisible Trigger </Button> {/* Popper anclado al botón del controlador */} <Popper reference={controllerBtn} open={visible} placement='bottom' modifiers={[ { name: 'preventOverflow', options: { boundary: 'window' } }, { name: 'offset', options: { offset: [0, 8] } } ]}> <Card className='user-menu'> <CardBody> <div className="d-flex justify-content-end"> <Button onClick={() => { setVisible(false) }} className="close-btn">X</Button> </div> <div className='user-info'> <img src={userThumbnail} alt='Avatar' className='user-avatar-large' /> <p className='user-name'><strong>{fullName}</strong></p> <p className='user-username'>{username}</p> </div> <hr /> <p className='menu-option'> <a href={`${portalUrl}/home/user.html`} target="_blank" rel="noopener noreferrer"> Mi perfil </a> </p> <p className='menu-option'> <a href={`${portalUrl}/home/user.html#settings`} target="_blank" rel="noopener noreferrer"> Mi configuración </a> </p> <p className='menu-option'> <a href={`${portalUrl}/portalhelp/es/portal/`} target="_blank" rel="noopener noreferrer"> Ayuda </a> </p> <hr /> <Button type='primary' onClick={cerrarSesion} block> Cerrar Sesión </Button> </CardBody> </Card> </Popper> </> )} </div> ) }