topic Re: How to close fixed window (splash screen) from a custom widget in ArcGIS Experience Builder Questions

How to close fixed window (splash screen) from a custom widget

LuisAntonioRodriguezGonzalez — Mon, 30 Aug 2021 12:51:34 GMT

Hi,

I've developed a Experience Builder Widget, that has a "Iniciar sesión" button. I've added this Widget in a fixed window (splash screen) and when I click in the "Iniciar sesión" button, I want to close the window.

Regards,

Re: How to close fixed window (splash screen) from a custom widget

Boyang_Wang — Mon, 30 Aug 2021 13:00:33 GMT

Hi,

If your main page is called Page 1, just do the following:

1. Click on the button in the edit mode

2. Select "Set link" in the right column

3. Set link to Page, Page 1, App window, like this:

Re: How to close fixed window (splash screen) from a custom widget

LuisAntonioRodriguezGonzalez — Mon, 30 Aug 2021 13:19:34 GMT

Thanks, but this solution is not suitable for me, because I,ve developed a custom buttom in my custom widget.

The custom buttom has to do some actions before close the splash screen.

Re: How to close fixed window (splash screen) from a custom widget

Anonymous User — Fri, 03 Sep 2021 18:28:42 GMT

If this fixed window is actually a page, see the code/button I posted here:

https://community.esri.com/t5/arcgis-experience-builder-questions/how-to-open-a-specific-page-with-a-button/m-p/1095329/thread-id/2726#M2728

You wouldn't actually "close" anything. You just have the button call the other page.

Re: How to close fixed window (splash screen) from a custom widget

LuisAntonioRodriguezGonzalez — Fri, 17 Sep 2021 06:03:07 GMT

This is my code based on the KevinHibma answer:

export default function Widget(props: AllWidgetProps<IMConfig> & ExtraProps) { let linkCloseRef: HTMLButtonElement; . . . const getLinkComponent = () => { let linkTo: LinkTo; linkTo = { linkType: LinkType.Page, value: "current_page" } as LinkResult; let queryObject = props.queryObject; return ( <Link ref={ref => (linkCloseRef = ref)} to={linkTo} target="_self" queryObject={queryObject} className="linkClose" > </Link> ); } const onIniciarSesion = e => { const usuario = getUsuario(); const password = getPassword(); if (usuario === null || usuario === '' || password === null || password === '') { setMensajes(`${getI18nMessage('introducirUsuarioPassword')}`); } else { const url = `${props.config.wsl}/Login.ashx`; esriRequest(url, { query: { u: usuario, p: password }, responseType: "json" }).then(response => { let geoJson = response.data; if (response.data.cr === 1) { if (response.data.np === 1) { . . . } else { . . . } linkCloseRef.click(); } else { setMensajes(`${getI18nMessage('errorUsuarioPassword')}`); } }).catch((error) => { console.error(error); }); } } const LinkComponent = getLinkComponent(); return ( <div className="jimu-widget-acceso-filtrado"> {LinkComponent} <div className="overlay"></div> <div className="envelope buried"> <div className="contenedor"> <table className="acceso-filtrado-table" cellSpacing={5}> <tbody> . . . <td colSpan={2}> <div className="acceso-filtrado-btn" onClick={onIniciarSesion}> <FormattedMessage id="iniciarSesion" defaultMessage={defaultI18nMessages.iniciarSesion}></FormattedMessage> </div> </td> </tr> </tbody> </table> </div> </div> </div> ); }

Re: How to close fixed window (splash screen) from a custom widget

DaveFullerton — Thu, 30 Dec 2021 15:58:18 GMT

@LuisAntonioRodriguezGonzalez are you using your custom widget in a fixed window that is set as the splash screen? Or is it as @Anonymous User was referring to that the splash screen is actually a page? I am having trouble getting my custom widget to close the fixed window but only when it is set as the splash screen.

Re: How to close fixed window (splash screen) from a custom widget

LuisAntonioRodriguezGonzalez — Fri, 31 Dec 2021 12:43:47 GMT

Hi @DaveFullerton the splash screen is actually a page.