Saturday, March 10, 2012

Opening ADF PopUp on Page Load

You may have requirement to capture user parameters, before navigating to actual page. This can be implemented by opening ADF popup during page load. User provides required information and confirms it by closing popup - actual page is rendered based on dialog action.

Sample application - IntroPopUpApp.zip, is implemented based on following process:


With ADF Faces its pretty easy to open user friendly popup on page load. All what developer needs to do is to define af:showPopupBehavior operation for af:document tag:


af:showPopupBehavior trigger type should be set to load. This will ensure, it will be executed during document load and will call popup during page rendering phase:


PopUp is rendered on page load:


Such functionality can be very useful, when we need to set bind variable value for VO, based on user input. Instead of building separate data entry page, we can handle user data entry from on-load popup.
at

12 comments:

  1. Thirumalaisamy ThangavelMarch 11, 2012 at 6:07 PM

    Thanks for the info.. Never know this simple shortcut.. We used to put in page phase listener.

    ReplyDelete
  2. Andrej BaranovskijMarch 11, 2012 at 7:15 PM

    I'm happy this was useful !

    Andrejus

    ReplyDelete
  3. Ciprian IamandiMarch 12, 2012 at 5:28 PM

    Thanks for the tip. Now I know how to do it in case I need to implement this. :)

    ReplyDelete
  4. AnonymousMarch 28, 2012 at 3:11 PM

    thank you for this post!! I really appreciateyour blog! Thank you for your work!

    ReplyDelete
  5. AuthorJune 1, 2012 at 6:32 PM

    Trigger type load is available only on jspx

    How do i achieve this for a jsff ?
    I need to show the popup when jsff inside bounded taskflow is loaded

    ReplyDelete
  6. Andrej BaranovskijJune 2, 2012 at 7:35 AM

    Hi,

    Unfortunately there is no such quick hint for JSF Fragment. I plan to post solution for this - on my todo list.

    Andrejus

    ReplyDelete
  7. sam @ oracleSeptember 7, 2012 at 9:42 PM

    Andrejus

    have you figured out how to launch the popup in jsff?

    We are trying to work wround with javascript and jQuery. Of course, it's painful.

    So far we managed to store the JS script in JSFF, and use clientListener from JSPX to launch the popup. However, we have to launch it based on some backing bean calculation. It remains a pain.

    ReplyDelete
  8. AuthorSeptember 8, 2012 at 12:34 AM

    @sam

    I am not answering on behalf of Andrejus, but can suggest a simple approach.

    Create a input text on jsff
    Set the visible to false for that text
    Bind the input text to bean
    In the getter for that text, show your popup programmatically

    Hope this helps.

    Jaspal

    ReplyDelete
  9. Andrej BaranovskijSeptember 8, 2012 at 9:29 AM

    Jaspal - thanks for helping on this.

    Andrejus

    ReplyDelete
  10. UnknownMay 9, 2013 at 8:57 AM

    Hi,
    Thanks for this nice tip. Its really helpful.

    Is there any approach for opening ADF popup during jsff page load to capture user parameters.?

    I tried the approach mentioned by Mr.Jaspal . But it didn't work for me.

    Gijith.

    ReplyDelete
  11. UnknownOctober 13, 2014 at 5:31 PM

    Hi Andrejus,

    Thank you so much for you post.
    All of your post is very effective and helpful in real time application.
    As a follower of your blog currently I am facing a new problem.

    I want to open a pop up on jsff page load.I know how to do that. It's working when i placed the task flow in a region on main page.
    But it's not working on Dynamic region.
    Could you please guide me to resolve this problem.
    Thanks in advance !
    Tanmoy

    ReplyDelete
  12. Andrej BaranovskijOctober 14, 2014 at 7:40 AM

    This is a good question. I will plan a new blog post to answer it.

    Regards,
    Andrejus

    ReplyDelete