Dear forum, I have implemented a custom-made modal window using twitter bootstrap syntax.
The modal window has a confirm and a cancel ajax link. Similarly to Wicket's own modal window, I have implemented a show(AjaxRequestTarget) function that calls and I have managed to display the modal window no problem. When I click either confirm/cancel, on AjaxLink.onClick(AjaxRequestTarget) I close the modal window and I send and event: on the main panel where the modal window is added to, I catch the events sent from the modal window by implementing onEvent(IEvent). The problem is that on the main panel, upon catching the event, when I replace the current panel, it hides the modal window but the blocking greyed-out foreground remains. It therefore blocks the screen from any usage. I have to refresh the screen for it to go away. According to the bootstrap documentation <http://getbootstrap.com/javascript/#modals-usage> , "Bootstrap's modal class exposes a few events for hooking into modal functionality." One of them is *hidden.bs.modal*: This event is fired when the modal has finished being hidden from the user (will wait for CSS transitions to complete). Example taken from tutorialrepublic.com <http://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=modal-events> How can I, from the confirm/delete.onClick(AjaxRequestTarget) know when the modal window has been completely closed before calling ? I am assuming I need to listen for the *hidden.bs.modal* ajax event. would that be right? if so, how can I listen for this custom ajax event? I just want to get rid of the blocking foreground, when the panel has been successfully replaced. Thanks in advance. Sorry for the long post. Lucas -- View this message in context: http://apache-wicket.1842946.n4.nabble.com/Ajax-listening-to-specic-event-in-custom-tp4667138.html Sent from the Users forum mailing list archive at Nabble.com. --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
