Load modal only once

Question

Load modal only once

Asked 4 years, 3 months ago

Viewed 100 times

-3

I have a modal that is loaded after login (automatic), but at each refresh the modal opens, I need it to open only once after logging in.

<rich:modalPanel id="modal" autosized="true" width="500" height="200" showWhenRendered="#{true}">
        <f:facet name="controls">
            <h:graphicImage value="/img/fechando.png" onclick="Richfaces.hideModalPanel('modalMensagem')"
                id="botaoFechar" />
        </f:facet>
        <f:facet name="header">
            <h:panelGroup>
                <h:outputText value="Olá" />
            </h:panelGroup>
        </f:facet>

        <h:outputText value="#{bean.mensagem}" escape="true" style="font-size:15px;"/>
    </rich:modalPanel>

tela2.xhtml

<ui:define name="conteudo">
    <h:form id="main">
        <rich:messages styleClass="msgerro" globalOnly="true" />

        <center style="font-size: 10pt;">
            Olá
            <br />
        </center>
    </h:form>

    <ui:include src="/modal/modalMensagem.xhtml"/>
</ui:define>

BEAN

public String getMensagem() {
    return MENSAGEM;
}

Do I need a method to actually enter false to open only once? Since showWhenRendered by default is true.

If you want to open only once after the first login, you will have to write a flag saying you have already opened once. If you want to open the first time per session, you can set this flag as a session attribute and use it as a condition not to open the popup.

– nullptr

2020/04/02 at 20:06
Is there an example for me to check how it does? Some tutorial...

– Frederico Queiroz

2020/04/02 at 20:23
If you do not want to write to the database, you can write to the user’s location.

– Pablo Harger

2020/04/02 at 20:33
Any example? Because I don’t know if creating a false setando method would solve...

– Frederico Queiroz

2020/04/02 at 20:41

1 answer

Browser other questions tagged java jsf rich-faces

You are not signed in. Login or sign up in order to post.

by nullptr • **3,925** points · Answer 1 · 2020-04-03T14:59:03+00:00

I would take the following approach:

<rich:modalPanel id="modal" autosized="true" width="500" height="200" showWhenRendered="#{homePageMB.showWelcomeModal()}">
    <f:facet name="controls">
        <h:graphicImage value="/img/fechando.png" onclick="Richfaces.hideModalPanel('modalMensagem')"
            id="botaoFechar" />
    </f:facet>
    <f:facet name="header">
        <h:panelGroup>
            <h:outputText value="Olá" />
        </h:panelGroup>
    </f:facet>
    <h:outputText value="#{bean.mensagem}" escape="true" style="font-size:15px;"/>
</rich:modalPanel>

And in your bean Managed (the one I gave the affectionately name of HomePageMB), you’d have a check like this:

public class HomePageMB {
    ...

    private static final String CHECKED_WELCOME_MODAL = "checkedWelcomeModal";

    public boolean showWelcomeModal() {
        Map<String, Object> sessionMap = FacesContext.getCurrentInstance().getExternalContext().getSessionMap();

        if(sessionMap.get(CHECKED_WELCOME_MODAL) == null) {
            sessionMap.put(CHECKED_WELCOME_MODAL, true);
            return true;
        }

        return false;
    }
    ...
}

With this if it is the first login, the flag will be null in the session, and after returning to the home page it will already have the flag in the session, and the modal will not be opened.

As I mentioned in the comment, there are other solutions to this problem, depends on your need.