How to make partialRefresh and form submission work in a bootstrap 3 dialog

Language

JavaScript (Client)

Tags

Author

mark roden

Submitted on

September 22, 2013 at 9:25 AM

Rating

Downloads

Notes

Add the following to the bottom of any page where you have a bootstrap dialog.

When the dialog is created the bootstrap code moves it out of the XPages and therefore nothing dependent on form submission works

Adding this piece of code to the page re-attaches the dialog back into the form so that partialRefresh and form submissions work.

Tested Bootstrap 3 and R9

$(document).ready( function(){
    $('.modal').on('shown.bs.modal', function () {
        $('FORM').append($('.modal-backdrop, .modal-scrollable'));
    })
})

All code submitted to OpenNTF XSnippets, whether submitted as a "Snippet" or in the body of a Comment, is provided under the Apache License Version 2.0. See Terms of Use for full details.

No comments yetLogin first to comment...